/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/




button#wpforms-submit-13206 {
    color: #fff;
    font-size: 21px !important;
    top: 0;
    padding: 0 14px;
    height: 50px;
    outline: 0;
    background-color: inherit;
    border: 1px solid #fff;
    line-height: 50px;
    border-radius: 5px;
    text-transform: uppercase;
    text-align: center;
    width: 200px;
    margin: 0px;
}
.col-full {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-family: 'ProximaNova', Sans-serif ;

}
.elementor-position-left.home-mid-sec.elementor-widget-icon-box .elementor-icon-box-icon {
    margin-top: 26px;
}

a:focus, a:hover {
    text-decoration: none;
}

.home-mid-sec.elementor-widget-icon-box .elementor-icon-box-icon {
    display: inline-block;
    flex: 0 0 auto;
    line-height: 0;
    margin-top: 20px;
}
.ast-header-break-point .main-navigation {
    display: block !important;
    width: 100%;
}
.main-navigation {
    display: block !important;
}

header#masthead {
   display: flex;
   justify-content: space-between;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    border-bottom: 1px solid #dbdbdb;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:last-child {
    border-bottom: none;
}


/********home portfolio section *********/
.inner:hover .media-heading{color: #312a2a !important;}
.portfolio .tile-first {
	float: left;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 60.9%;
	position: relative;
}
.portfolio .tile{position: relative;}

.portfolio .portfolio-describtion{
	position: absolute;
    top: 50%;
    left: 0%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    text-align: center;
    z-index: 2;
    display: none;
    right: 0;
}
.portfolio .portfolio-describtion h2{
	color: #fffdfd;
	font-family: 'proxima_novalight';
	font-size: 35px;
	position: relative;
	padding-bottom: 6px;
}
.portfolio .portfolio-describtion h2:before{
   content: "";
	position: absolute;
	background-color: #fff;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 40px;
	height: 1px;
	bottom: 0;
}
.portfolio .portfolio-describtion h6{
	color: #fffdfd;
	font-family: 'ProximaNova', Sans-serif;
	font-size: 18px;
	position: relative;
	padding-bottom: 6px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
.portfolio .portfolio-describtion .read-btn{
	color: #fffdfd;
	font-family: 'ProximaNova', Sans-serif;
	font-size: 18px;
	position: relative;
	padding-bottom: 6px;
	border-bottom: 1px solid #fff;
	webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    position: relative;
}
.portfolio .portfolio-describtion .read-btn:before{
  position: absolute;
  content: '';
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #fff;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.portfolio .portfolio-describtion .read-btn:hover::before {
    width: 100%;
}
.portfolio .tile:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    background-color: #2a6db6;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
}
.portfolio .tile:hover:before{
	opacity: 1;
    height: 100%;

}
.portfolio .tile:hover .portfolio-describtion{
	display: block;
	-webkit-transition: all 4.5s ease 0s;
    transition: all 4.5s ease 0s;
}
.portfolio .tile-second {
	float: right;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 38.8%;
	margin-right: 1px;
   margin-bottom: 1px;
   position: relative;
}
.portfolio .tile-second img{
	display: block;
	position: relative;
	width: 100%;
	height: 251px;
}
.portfolio .tile img{
		display: block;
		position: relative;
		width: 100%;
}
.portfolio .tile-first .img-responsive{
	height: 504px;
object-fit: cover;
}
.portfolio .tile-last{
	float: left;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 100%;
}
.portfolio .inner-fifth{
	float: left;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 100%;
	margin-bottom: 1px;
}
.portfolio .inner-fifth img{
	display: block;
	position: relative;
	width: 100%;
	height: 252px !important;
	object-fit: cover;
}
.portfolio .inner-fifth img{
	display: block;
	position: relative;
	width: 100%;
}
.portfolio .inner-six{
	float: left;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 100%;
}
.portfolio .firstContainer h6{
	width: 400px;
	height: 155px;
	margin: 0 auto;
	overflow: hidden;
}
.portfolio  .inner-third h6{
	width: 275px;
margin: 0 auto;
height: 65px;
overflow: hidden;
}
.portfolio .inner-six h6{
	width: 437px;
margin: 0 auto;
}
.portfolio .inner-fourth .img-responsive{
	height: 185px;
   object-fit: cover;
}
.portfolio .inner-six .img-responsive{
	height: 440px;
	object-fit: cover;
}
.portfolio .col-md-7,.portfolio .col-md-5{padding: 0;}

.portfolio .design-portfolio{
	text-align: center;

	padding: 40px 0;

	color: #0a0a0a;

	font-size: 22px;

	font-family: 'ProximaNova', Sans-serif;
	border-bottom: 1px solid #e7e9eb;
	position: relative;
}

.portfolio .design-portfolio:before{
    content: "";
	position: absolute;
	background-color: #fff;
	left: 0;
	right: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: -9;
}

.portfolio .design-portfolio a{
	color: #416886;
	font-size: 17px;
	font-family: 'ProximaNova', Sans-serif;
	border: 1px solid #416986;
	border-radius: 5px;
	padding: 12px 20px 10px 20px;
	margin-left: 10px;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}

.portfolio .design-portfolio a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2a6db6;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

}
.portfolio .design-portfolio a:hover:before {
    webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.portfolio .design-portfolio a:hover{
	color: #fff;
	border-color: #2a6db6;
} 
.portfolio .design-portfolio a:hover .plus-icon{
		background: url("assets/images/custom-spirit.png") no-repeat;
		background-position: -693px 0;
		padding: 19px 10px 15px 5px;
}

.portfolio .design-portfolio .plus-icon{

	width: 40px;
	height: 40px;
	padding: 15px 10px 15px 5px;
}


/***********portfolio***********/
#designs .inner{border-bottom: 1px solid #e5e3e3; padding: 40px 0 20px;}
#designs .inner:last-child{border-bottom: none;}
.inner:hover .media-heading{color: #312a2a !important;}
.portfolio .tile-first {
	float: left;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 60.9%;
	position: relative;
}
.portfolio .tile{position: relative;}

.portfolio .portfolio-describtion{
	position: absolute;
    top: 50%;
    left: 0%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    text-align: center;
    z-index: 2;
    display: none;
    right: 0;
}
.portfolio .portfolio-describtion h2{
	color: #fffdfd;
	font-family: 'ProximaNova', Sans-serif;
	font-size: 35px;
	position: relative;
	padding-bottom: 6px;
}
.portfolio .portfolio-describtion h2:before{
   content: "";
	position: absolute;
	background-color: #fff;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 40px;
	height: 1px;
	bottom: 0;
}
.portfolio .portfolio-describtion h6{
	color: #fffdfd;
	font-family: 'ProximaNova', Sans-serif;
	font-size: 18px;
	position: relative;
	padding-bottom: 6px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
.portfolio .portfolio-describtion .read-btn{
	color: #fffdfd;
	font-family: 'ProximaNova', Sans-serif;
	font-size: 18px;
	position: relative;
	padding-bottom: 6px;
	border-bottom: 1px solid #fff;
	webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    position: relative;
}
.portfolio .portfolio-describtion .read-btn:before{
  position: absolute;
  content: '';
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #fff;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.portfolio .portfolio-describtion .read-btn:hover::before {
    width: 100%;
}
.portfolio .tile:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    background-color: #2a6db6;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
}
.portfolio .tile:hover:before{
	opacity: 1;
    height: 100%;

}
.portfolio .tile:hover .portfolio-describtion{
	display: block;
	-webkit-transition: all 4.5s ease 0s;
    transition: all 4.5s ease 0s;
}
.portfolio .tile-second {
	float: right;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 38.8%;
	margin-right: 1px;
   margin-bottom: 1px;
   position: relative;
}
.portfolio .tile-second img{
	display: block;
	position: relative;
	width: 100%;
	height: 251px;
}
.portfolio .tile img{
		display: block;
		position: relative;
		width: 100%;
}
.portfolio .tile-first .img-responsive{
	height: 504px;
object-fit: cover;
}
.portfolio .tile-last{
	float: left;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 100%;
}
.portfolio .inner-fifth{
	float: left;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 100%;
	margin-bottom: 1px;
}
.portfolio .inner-fifth img{
	display: block;
	position: relative;
	width: 100%;
	height: 252px !important;
	object-fit: cover;
}
.portfolio .inner-fifth img{
	display: block;
	position: relative;
	width: 100%;
}
.portfolio .inner-six{
	float: left;
	overflow: hidden;
	transform-origin: 50% 50% 50px;
	width: 100%;
}
.portfolio .firstContainer h6{
	width: 400px;
	height: 155px;
	margin: 0 auto;
	overflow: hidden;
}
.portfolio  .inner-third h6{
	width: 275px;
margin: 0 auto;
height: 65px;
overflow: hidden;
}
.portfolio .inner-six h6{
	width: 437px;
margin: 0 auto;
}
.portfolio .inner-fourth .img-responsive{
	height: 185px;
   object-fit: cover;
}
.portfolio .inner-six .img-responsive{
	height: 440px;
	object-fit: cover;
}
.portfolio .col-md-7,.portfolio .col-md-5{padding: 0;}

.portfolio .design-portfolio{
	text-align: center;

	padding: 40px 0;

	color: #0a0a0a;

	font-size: 22px;

	font-family: 'ProximaNova', Sans-serif;
	border-bottom: 1px solid #e7e9eb;
	position: relative;
}

.portfolio .design-portfolio:before{
    content: "";
	position: absolute;
	background-color: #fff;
	left: 0;
	right: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: -9;
}

.portfolio .design-portfolio a{
	color: #416886;
	font-size: 17px;
	font-family: 'ProximaNova', Sans-serif;
	border: 1px solid #416986;
	border-radius: 5px;
	padding: 12px 20px 10px 20px;
	margin-left: 10px;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.portfolio .design-portfolio a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2a6db6;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

}
.portfolio .design-portfolio a:hover:before {
    webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.portfolio .design-portfolio a:hover{
	color: #fff;
	border-color: #2a6db6;
}
.portfolio .design-portfolio a:hover .plus-icon{
		background: url("assets/images/custom-spirit.png") no-repeat;
		background-position: -693px 0;
		padding: 19px 10px 15px 5px;
}

.portfolio .design-portfolio .plus-icon{
	width: 40px;
	height: 40px;
	padding: 15px 10px 15px 5px;
}

.portfoliocategory_topsec {
    padding: 265px 0px 50px 0px;
    text-align: center;
    background-image: url(https://cholasofindia.com/wp-content/uploads/2024/02/Header-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.portfoliocategory_topsec h1 {
    color: #000000;
    font-family: "ProximaNova", Sans-serif;
    font-size: 65px;
    font-weight: 800;
    line-height: 50px;
}

.portfoliocategory_topsec .sub-breadcrumb {
    font-family: 'ProximaNova';
    margin-bottom: 30px;
}

 img.moving-iconcstm1 {
    position: absolute;
    left: 1588px;
    top: 265px;
	animation: movetopbounce 2s linear infinite;
}
 img.moving-iconcstm2 {
    position: absolute;
    left: 180px;
    top: 330px;
	animation: moveleftbounce 2s linear infinite;
	
}
@keyframes moveleftbounce {
    0% {
        transform: translateX(0); 
    }
    50% {
        transform: translateX(10px); 
    }
    100% {
        transform: translateX(0); 
    } 
}
@keyframes movetopbounce {
    0% {
        transform: translateY(0); 
    }
    50% {
        transform: translateY(10px); 
    }
    100% {
        transform: translateY(0); 
    } 
}

.portfolio_breadcrumb {
    text-align: center;
    order: 2;
}

.portfolio-listing-ninth-matrix .post-thumbnail img {
    border-radius: 20px;
}
/***********portfolio end***********/

 

/************ HEADER CSS *************/

.fixed-menu img.custom-logo {
    float: left;
    margin: 2px 0px 0px 0px;
    width: 127px;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-3 {
    width: 50.33333%;
}

.empty-container {
    padding: 2%;
}


/************ HOME PAGE CSS *************/


.five-star-client {
    -webkit-box-shadow: inset 0px 0px 20px 0px rgb(194 194 194);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(194,194,194,1);
    box-shadow: inset 0px 0px 20px 0px rgb(194 194 194);
}

.blog-home .elementor-widget-container .elementskit-post-image-card {
    min-height: 320px;
}
.eihe-box.eihe-fade-in-up.eihe_ p {
    text-align: center;
}

/* webdevlopment-portfolio */

.sub-port-thumb img.img-responsive {
    margin: auto;
}

.webdevlopment-portfolio ul{
	max-width: 1300px;
	margin: 0 auto;
}
.webdevlopment-portfolio ul .sub-port-thumb{
   height: 150px;
	display: flex;
}
.webdevlopment-portfolio ul li {
    display: inline-block;
    width: 364px;
    margin: 26px 26px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
border-radius: 20px;
}
.webdevlopment-portfolio ul li:last-child{border-right: none;}
.webdevlopment-portfolio ul li:nth-child(3){border-right: none;}
.webdevlopment-portfolio .custom-container-portfolio{
	text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}
}
.webdevlopment-portfolio ul li .img-responsive{
	margin: 0 auto;
}

.webdevlopment-portfolio ul li a {
    color: #312a2a;
    font-size: 14px;
    font-weight: 400;
    font-family: 'ProximaNova', Sans-serif;
    padding: 68px 0;
    display: block;
    border: 5px solid transparent;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.webdevlopment-portfolio ul li a:hover{
	border-color: #008cdb;
	box-shadow: 0 0 11px #cccccc;
    text-decoration: unset;
}
.webdevlopment-portfolio .view-detail{
	color: #07A4DB;
	font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
	font-family: 'ProximaNova', Sans-serif;
	text-transform: uppercase;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	border-bottom: 1px solid #07A4DB;
	webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
	display: block;
	width: 102px;
	margin: 34px auto 0;
	position: relative;
}
.webdevlopment-portfolio .view-detail:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: rgba(235, 103, 81, 1);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.webdevlopment-portfolio .view-detail:hover:before{width: 100%;}
#designs .media-right{padding-right: 45px;}

.col-sm-4.portfolio-listing-ninth-matrix {
    height: auto;
	min-height: 405px;
    background: #FFFFFF;
    width: 28%;
    margin: 26px 26px;
    padding: 15px 15px 35px 15px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 16%);
	border-radius: 20px;}

.portfolio-listing-ninth-matrix h2 a{
    font-family: 'ProximaNova';
    font-weight: 600;
    font-size: 30px;
    color: #353535;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 28px;
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.portfolio-listing-ninthmatrix-main {
    max-width: 1300px;
    margin: 0 auto;
	padding: 25px 0px;
}
.portfolio-listing-ninth-matrix h6{
    font-family: 'ProximaNova', Sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 16px;
    color: #4F4F4F;
}
.portfolio-listing-ninth-matrix span{
    font-family: 'ProximaNova', Sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 32px;
    color: #636363;
    text-align: center;
    text-transform: capitalize;
    border: 0.8px solid #07A4DB;
    border-radius: 25px;
    padding: 3px 13px;
    margin-right: 6px;
}

.portfolio-listing-ninth-matrix  .view_more{
    font-family: 'ProximaNova', Sans-serif;
    color: #07A4DB;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}
.divider-area-portfolio{
 padding: 30px 0px 20px 0px;
    border-bottom: 1px solid #d8d8d8;
    background: #f9f9f9;
}
.clearfix.portfolio-nav {
    max-width: 1300px;
    margin: 0 auto;
}
.portfolio-nav .previous-blog-post {
    color: #236eb6;
    font-size: 14px;
    font-family: 'ProximaNova', Sans-serif;
    display: inline-block;
    padding: 12px 30px 10px;
    border-radius: 5px;
    text-transform: capitalize;
    letter-spacing: 0px;
    float: left;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    border-radius: 4px;
    z-index: 1;
}
.portfolio-nav .next-blog-post {
    color: #236eb6;
    font-size: 14px;
    font-family: 'ProximaNova', Sans-serif;
    display: inline-block;
    padding: 12px 30px 12px;
    border-radius: 5px;
    text-transform: capitalize;
    letter-spacing: 0px;
    float: right;
    text-align: center;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}
.portfolio-nav .previous-blog-post:hover {
    color: #fff;
    background: #236eb6; 
    text-decoration: unset;
}
.portfolio-nav .next-blog-post:hover {
    color: #fff;
    background: #236eb6; 
    text-decoration: unset;
}
.portfolio-nav .previous-blog-post:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: -1px;
    bottom: -1px;
    background: #236eb6;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 4px;
}
.portfolio-nav .previous-blog-post img {
    margin-left: 0px;
    vertical-align: top;
    margin-top: 2px;
    float: left;
    margin-right: 10px;
}
.portfolio-nav .next-blog-post img {
    margin-left: 5px;
    vertical-align: top;
    margin-top: 2px;
}

/************ GET IN TOUCH PAGE****************/

.get_in_touch div.wpforms-container-full .wpforms-form button[type=submit] {
    float: right;
    width: 253.87px;
    height: 57px;
    border: 1px solid #F38704;
    border-radius: 6px;
    color: #F38704;
    background: #FFFFFF;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: 'ProximaNova';
}
form#wpforms-form-10017 label {
    font-family: 'ProximaNova';
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

form#wpforms-form-10017 input, form#wpforms-form-10017 select {
    height: 45px;
    font-family: 'ProximaNova';
}
form#wpforms-form-10017 select option {
    font-family: 'ProximaNova';
}

div#wpforms-10017-field_5-container textarea {
    font-family: 'ProximaNova';
}

/************ FOOTER CSS START *************/

div.wpforms-container-full, div.wpforms-container-full .wpforms-form * {
	font-family: 'ProximaNova-Regular'; }

/************ FOOTER CSS END *************/



/*********************SACHIN CSS********************/
/*********************SACHIN CSS********************/
/*********************SACHIN CSS********************/

body.error404 {
    background: url(https://cholasofindia.com/wp-content/uploads/2024/02/Header-bg.jpg);
}


.footer-cstm li.elementor-icon-list-item {
    align-items: flex-start;
}

.error404  .page-header {
    padding-bottom: 9px;
    margin: 200px 0px 20px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.error404 h1.page-title {
    font-size: 228px;
    color: #07A4DB;
}
.error-404.not-found.default-max-width {
    text-align: center;
    margin-bottom: 140px;
}
  
  
.elementor-element.home-icon-1:before,  .elementor-element.home-icon-2:before,   .elementor-element.home-icon-3:before,   .elementor-element.home-icon-4:before {
      content: "";
      position: absolute;
      top: -48px;
      height: 90px;
      width: 90px;
      left: 40%;
      background-size: 100%;
      padding: 2px;
      border: 1px solid #DDDDDD;
      border-radius: 50%;
      background-color: #F1F1F1;
      z-index: 1;
  }
   

  .elementor-element.home-icon-1:hover:before, .elementor-element.home-icon-2:hover:before, .elementor-element.home-icon-3:hover:before,.elementor-element.home-icon-4:hover:before{
        border: 1px solid #FB4834;
          transition:all .5s;
    }
  
  .elementor-element.home-icon-1:before {
      background-image: url(https://cholasofindia.com/wp-content/uploads/2024/02/Cost-effective-solutions.png); 
  }
 .elementor-element.home-icon-2:before {
      background-image: url(https://cholasofindia.com/wp-content/uploads/2024/02/Local-expertise.png); 
  }
  .elementor-element.home-icon-3:before {
      background-image: url(https://cholasofindia.com/wp-content/uploads/2024/02/Transparent-communication.png); 
  }
  .elementor-element.home-icon-4:before {
      background-image: url(https://cholasofindia.com/wp-content/uploads/2024/02/Passionate-team.png); 
  }



    
  

  span.elementor-toggle-icon-closed {
      margin-top: 5px;
  }
  
  span.elementor-toggle-icon-opened {
      margin-top: 5px;
  }
  

    button#wpforms-submit-10938:hover {
    color: #FFFFFF;
    background: #07A4DB;
	transition: all .5s;
   }
    div.wpforms-container div.wpforms-uploader{
    background: #fff !important;
   }

   .blog-home .row {
    margin-right: 0;
    margin-left: 0;
   }

    #post-items--237ccfe {
     margin: 0px;
}

   .portfolio-listing-ninthmatrix-main .row{
       margin-right: 0;
       margin-left: 0; }

	.sub-breadcrumb span.breadcrumbarrow{
    font-size: 20px;
	font-family: 'elementskit';
	}

.home .swiper-slide.swiper-slide-active {
    width: 100% !important;
}

  
  /*********************SACHIN CSS ENDS*****************/
/*********************SACHIN CSS ENDS*****************/  
/*********************SACHIN CSS ENDS*****************/
/*********************SACHIN CSS ENDS*****************/



@media screen and (max-width: 4000px) and (min-width: 1000px) {
    .fixed-menu {
    margin: auto;
    width: 90%;
    border-radius: 10px;
    position: absolute;
    padding: 1%;
    left: 0;
    right: 0;
    top: 70px;
    background-color: #fff;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    z-index: 9999;
    }
    .site-branding {
        width: 15%;
        float: left;
    }
    .main-navigation {
        display: flex;
        width: 78%;
        justify-content: center;
    }
    .fixed-menu .fixed-nav {
      float: right;
      width: 85%; 
	 display: flex;
    align-items: center;
	justify-content: space-between;
    }
    .fixed-menu .fixed-nav .owt-app-store, #mega-menu-top li, .owt-app-store {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }
    .fixed-menu .fixed-nav .mega-sub-menu li a{
        margin: 0px 5px !important;
        color: #737373 !important;
        font-size: 13px !important;
    }
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
        background: inherit;
    }
    .fixed-menu .img-responsive{float: left; margin: 5px 4px 0px;width: 165px;}
    .fixed-menu .fixed-nav{float: right;width: 83%;text-align: center;}
    .fixed-menu .fixed-nav li,#mega-menu-top li{display: inline-block !important; width: 100%;}
    .fixed-menu .fixed-nav li a,#mega-menu-top li a{
    
        color: #353738 !important;
        font-size: 15px !important;
        font-family: 'ProximaNova', Sans-serif !important;
        margin: 14px 10px !important;
        position: relative !important;
        display: inline-block !important;
        padding: 0px 5px !important;
        -webkit-transform: 0.35s;
        transform: 0.35s;
        font-weight: 400 !important;
        height: 30px !important;
        letter-spacing: 1px;
        text-decoration: none;
    }
    #mega-menu-wrap-top,#mega-menu-wrap-top{background: inherit !important;display: inline-block;width: 80%;}
    .about-sub-menu li a{
        font-weight: 400 !important;
        font-size: 14px !important;
        text-align: center;
    }
    #mega-menu-wrap-top #mega-menu-top {
        text-align: center;
    }
    .custom-menu-link,#mega-menu-top li a{position: relative;}
 
    .fixed-menu .fixed-nav li a:before,.fixed-menu .fixed-nav .custom-menu-link:before, #mega-menu-top li a:before{
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        display: block !important;
        height: 1em !important;
        width: auto !important;
        border-bottom: 2px solid !important;
        margin-top: 10px !important;
        opacity: 0 !important;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s !important;
        transition: opacity 0.35s, -webkit-transform 0.35s !important;
        transition: opacity 0.35s, transform 0.35s !important;
        transition: opacity 0.35s, transform 0.35s !important;
        -webkit-transform: 0.35s !important;
        -webkit-transform: scale(0,1) !important;
        transform: scale(0,1) !important;
        margin: 0 auto !important;
        right: 0px !important;
        bottom: -5px !important;
        color: #FB4834!important;
    }
    .fixed-menu .fixed-nav #mega-menu-top li.active .mega-menu-link:before{
        opacity: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }
    .fixed-menu .fixed-nav #mega-menu-top li.active .mega-sub-menu .mega-menu-link:before{
        opacity: 0 !important;
    }
     #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:focus{
         background: inherit;
     }
    .fixed-menu .fixed-nav li a:hover:before,#mega-menu-top li a:hover:before{
        opacity: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }
    .fixed-menu .fixed-nav li a:hover{
        color: #FB4834 !important;
        background: inherit !important;
    }
    .fixed-menu .fixed-nav .owt-app-store,#mega-menu-top li,.owt-app-store{
        display: inline-block;
        vertical-align: middle;
        float: right;
		
    }
    .fixed-menu .fixed-nav .owt-app-store a,.inner-menu .owt-app-store a{
	background-color: #FB4834!important;
    color: #fff !important;
    padding: 20px 25px !important;
    margin: 0px 0px 0px 13px !important;
    border-radius: 5px;
    font-weight: 700;
    font-family: 'ProximaNova';
    font-size: 17px;
    }
  
     .fixed-menu .fixed-nav .mega-sub-menu li:last-child a:hover:before{display: none !important;}
    
    li.mega-menu-item-type-custom >a.mega-menu-link:before, li.mega-menu-item-type-post_type.mega-menu-item-15655 >a.mega-menu-link:before, li.mega-menu-item-type-post_type.mega-menu-item-15654 >a.mega-menu-link:before, li.mega-menu-item-type-post_type.mega-menu-item-15653 >a.mega-menu-link:before, li.mega-menu-item-type-post_type.mega-menu-item-15652 >a.mega-menu-link:before {
    border-bottom: 0px !important;
}
    /* drop down menu css*/
    .mega-sub-menu .custom-menu-width, .portfolio-menu .custom-menu-service{
       width: 25%;
       float: left;
       position: relative;
    }
    .mega-sub-menu .services-menu .custom-menu-width:before{
        content: "";
        position: absolute;
        right: 32px;
        background-color: #dadddf;
        height: 239px;
        width: 1px;
        top: 0px;
    }
    .portfolio-menu .custom-menu-service:before{
        content: "";
        position: absolute;
        right: 32px;
        background-color: #dadddf;
        height: 340px !important;
        width: 1px;
        top: 0px;
    }
    .portfolio-menu .custom-menu-service{
        height: 340px !important;
    }
    .mega-sub-menu .custom-menu-width:last-child:before, .portfolio-menu .custom-menu-service:last-child:before{
        display: none;
    }
    #mega-menu-top .services-menu .mega-menu-item.mega-menu-columns-1-of-3,#mega-menu-top  .mega-menu-columns-6-of-6.mega-menu-item-custom_html-5{
        padding: 0px 15px 40px 5px !important;
    }
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-3 {
        width: 100%;
    }
    .about-sub-menu .mega-sub-menu .mega-menu-columns-3-of-12{
        width: 100% !important;
    }
    ul{padding: 0;margin: 0;}
    .about-sub-menu .mega-sub-menu{text-align: center !important;}
    .about-sub-menu .mega-sub-menu .mega-menu-item{
        float: none !important;
        width: auto !important;
    }
   
        #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu  .mega_sub_border  ul.mega-sub-menu {
            height: 100%;
        }
    
    .left-overlay{
        position: fixed;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.6);
        z-index: 3;
        top: 0;
        bottom: 0;
        transition: 0.9s;
        -webkit-transition: 0.9s;
        display: none;
        opacity: 0;
    }
    .fixed-menu .fixed-nav .mega-current-menu-item .mega-menu-link:before {
        opacity: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
     
    }
    .fixed-menu .fixed-nav .mega-current-menu-ancestor .mega-menu-link:before {
        opacity: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        right: 20px !important;
    }
    .fixed-menu .fixed-nav .mega-current-page-ancestor .mega-menu-link:before {
        opacity: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        right: 20px !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        position: fixed;
		border-radius:0px 0px 10px 10px;
    
    }
    .mega-sub-menu li p a {
        color: #353738;
        font-size: 15px;
        font-family: 'ProximaNova', Sans-serif ;
        } 
    .mega-sub-menu li p a strong {
        color: #1e96d2;
        font-size: 15px;
        font-family: 'ProximaNova', Sans-serif;
        font-weight: 500;
    } 


    }
    /* menu css end */
@media screen and (max-width: 1550px){
	.moving-icon1,.moving-icon2, img.moving-iconcstm1, img.moving-iconcstm2{
		display:none;
	}
	
}


@media screen and (max-width: 1350px){
	.page-id-296 .elementor-tabs img.alignnone.size-full {
    width: 45%;
}
	
}


@media screen and (max-width: 1200px){
		.page-id-296 .elementor-tabs img.alignnone.size-full {
    width:100%;
}

        .logopage_imagetext .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img {
            margin-right: 10px !important;
            margin-top: 10px !important;
        }
        .swipe_left_mobile .elementor-container .elementor-col-50:first-child {
            order: 2;
           }
	.col-sm-4.portfolio-listing-ninth-matrix {
    height: auto;
    width: 28%;
    margin: 25px 25px;
	min-height:unset;
	}
    .top_bar.row {
        display: none;
    }
	.fixed-menu .fixed-nav li a, .fixed-menu .fixed-nav .owt-app-store a, #mega-menu-top li a, .owt-app-store a {
    font-size: 13px !important;
    font-family: 'ProximaNova', Sans-serif !important;
    margin: 14px 5px !important;
}

    }
    @media screen and (max-width: 999px){
			.page-id-296 .elementor-tabs img.alignnone.size-full {
    width: 100%;
}
		header#masthead {
    display: block;
}
		.portfoliocategory_topsec {
    padding: 50px 0px 50px 0px;
}
		.portfoliocategory_topsec h1 {
    font-size: 45px;
}
		
		.portfolio-detail {
        margin-top: 25px;
       }
        #mega-menu-wrap-primary .mega-menu-toggle {
        width: 20%;
        float: right;
        top: -41px;
        position: absolute;
        right: 10px;
        background: unset;
        }
        .owt-app-store {
            display: none;
        }
        #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
            background-color: #000000;
        }
        .fixed-menu img.custom-logo {
            margin: 5px 4px 5px 10px;
            padding: 5px;
        }
	.col-sm-4.portfolio-listing-ninth-matrix {
    height: auto;
    width: 29%;
    margin: 25px 16px;
	min-height:unset;
	}


    }
@media screen and (max-width: 768px){
		.page-id-296 .elementor-tabs img.alignnone.size-full {
    width: 100%;
}
	.portfoliocategory_topsec h1 {
    font-size: 35px;
}
			.portfoliocategory_topsec {
    padding: 30px 0px 30px 0px;
}

    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        background-color: #000000 ;
    }
    
 
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: 2px 2px 2px 2px;

    }

    /******page web development service ********/

    /*****page icon section *******/
    .elementor-widget-container .elementor-icon-box-title{
        margin-top: 10px;
    }
    .elementor-element:before {
        right: calc(50% + -50px) !important;

    }
    .cstm-dev-faq .elementor-tab-content{
        padding: 10px !important;
    }
    .ui_ux_tabsec .elementor-tab-content blockquote {
        width: 100%;
        margin: 25% 0%;
    }
  
   .ui_ux_tabsec .elementor-tab-title {
    border-bottom: solid 1px #d4d4d4 !important; 
   } 
   .ui_ux_tabsec .elementor-tab-title.elementor-tab-mobile-title {
    width: 64%;
    margin: auto;
    margin-top: 20px;
    padding: 10px;
    border-radius: 20px;
    }
    .ui_ux_tabsec .elementor-tab-title.elementor-tab-mobile-title img{
        width: 100px;
    }
    .ui_ux_tabsec .elementor-tab-title.elementor-tab-mobile-title.elementor-active{
        border-color: #07A4DB  !important;
    }
    .dot_net_dots .elementor-widget-container .elementor-icon-box-title{
        margin-top: 0px;
    }
    .remove_lineheight_mobile .elementor-widget-container .elementor-icon-box-title{
        margin-top: -3px;
    }

    .webdevlopment-portfolio ul {
        margin-top: 30px;
    }
    .webdevlopment-portfolio ul li {
        display: inline-block;
        width: 295px;
    }
    .col-sm-4.portfolio-listing-ninth-matrix {
        width: 86%;
        margin: 20px 8%;
	    height: auto;
   		min-height: unset;
	}
    .portfolio-nav .previous-blog-post {
        padding: 12px 4px 10px;
        font-size: 12px;
    }
    .portfolio-nav .next-blog-post {
        padding: 12px 4px 12px;
        font-size: 12px;
    }
	
    .portfolio .tile-second {
       width: 100%;
    } 

   .portfolio .tile-first {
       width: 100%;
    }
	
   .inner-fourth .tile {
      height: 350px;
    }

   .portfolio .inner-fourth .img-responsive {
       height: 350px;
    }
	.portfolio .inner-six h6 {
        width: 100%;
    }
	
	.inner-fifth .tile {
        height: 350px;
    }

	.portfolio .inner-fifth .img-responsive {
 		 height: 350px;
	}

	.portfolio .inner-fifth h6 {
    	 width: 100%;
    }
	.portfolio .inner-fifth img{
		height:350px !important;
	}
	.portfolio .firstContainer h6 {
       width: 100%;}
	
	.portfolio-detail {
       margin-top: 15px;
    }
	
	.outer-wrapper-job {
	display: block;
}
	.outer-wrapper-job .first-sec {
	width: 100%;
	float: unset;
	margin-right: 0%;
}
	.outer-wrapper-job .second-sec {
	width: 100%;
	margin-left: 0%;
}
	
	
    }