.new-portfolio .services__filters li.nav-item {
	background: #243343 !important
}

.new-portfolio .services__filters li.nav-item .nav-link {
	color: #fff !important
}

.new-portfolio .services__filters li.nav-item .nav-link svg {
	fill: #fff !important
}

.new-portfolio .services__filters li.nav-item:active .nav-link {
	background: #4169E1
}

.portfolio-item {
	border: 1px solid #00b3283b;
	background: #fff;
	margin: 20px 0px 30px;
	border-radius: 8px;
	box-shadow: 0px 3px 6px rgba(205, 205, 205, 0.2)
}

.portfolio-item img {
	border-radius: 10px 0px 0px 10px
}

.logistics-sec-3 .how-work {
    min-height: inherit;
    margin-bottom: 0px;
}

.portfolio-item .project-info {
	padding: 25px
}

.portfolio-item .project-info span {
	text-transform: uppercase;
	color: #1e3343;
	font-weight: 700;
	letter-spacing: 1px
}

.portfolio-item .project-info h3 {
	font-size: 30px !important;
	text-transform: capitalize;
	color: #00b328;
	color: #00b328
}

.portfolio-item .project-info a {
	padding: 7px 30px;
	display: inline-block;
	border: 2px solid #00b328;
	color: #00b328;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
	border-radius: 4px
}

.portfolio-item .project-info a:hover {
	background: #00b328;
	color: #fff
}

.portfolio-view {
	position: relative;
	padding: 100px 0px;
	color: #fff
}

.portfolio-view .brand-logo {
	background: #fff;
	padding: 15px;
	border-radius: 6px;
	border: 3px solid rgba(255, 255, 255, 0.3);
	max-width: 180px
}

.portfolio-view .brand-logo img {
	height: 90px
}

.portfolio-view h1 {
	text-transform: capitalize;
	letter-spacing: 0px;
}

.logistics-sec-3 .how-work .icon {
    background: #017696 !important;
    border: 6px solid #69a3b3;
}

.goodbag-team-sec {
    border-radius: 0px 300px 300px 0px;
    margin: 0px 100px 0px 0px;
}

.fersh-up {
	background: linear-gradient(to bottom, #72bf44 0%, #92e064 100%)
}
.hr-ott {
	background: linear-gradient(0deg, rgb(233 200 101) 0%, rgb(193 149 17) 64%)!important;
}
.doctor-consultant {
    background: linear-gradient(32deg, rgb(55 108 154) 35%, rgb(78 139 191) 50%)!important;
}
.goody-bag {
    background: linear-gradient(32deg, rgb(0 158 200) 35%, rgb(0 158 200) 50%)!important;
}
.srich{
    background: linear-gradient(to bottom, #2d4c9c 0%, #225aa5 100%)
}
.actott{
    background: linear-gradient(to right, #000 50%, #f9e17f 100%)
}
.meaton {
    background: linear-gradient(to bottom, #fa762c 0%, #fa762d 100%);
}
.pvt-theatre {
    background: linear-gradient(to bottom, #b40d07 0%, #1f1f1f 100%);
}
.meaton-section {
    padding: 80px 0px;
}
.website-revamp-2 .service-reasons-box span {
    left: 30px;
    color: #e4e4e4;
}
.website-revamp-2 .service-reasons-box h6 {
    font: 17px/20px SFProDisplay-Bold !important;
    letter-spacing: 0.02em;
    margin-bottom: 14px;
    position: absolute;
    top: 35px;
}
.business-growth-sec-1{
    padding-top: 10px !important;
}
.business-growth-sec-2{
    background:#72bf44;
}
.website-revamp-2 .service-reasons-box {
    padding: 20px;
    min-height: 275px;
}
.various-models.call-to-action{
    padding-top:40px!important;
}
.business-growth-sec-2 h5{
    letter-spacing:1px!important;
}
.become-instructor-partner-content {
    padding: 25px 80px;
}
.process-block {
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}

.process-block .inner-box {
    position: relative;
    padding: 65px 25px 25px;
    background-color: #017696;
    border: 1px dashed #bbbbbb;
    height: 310px;
    border-radius: 0 0 0 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.process-block .inner-box .count {
    position: absolute;
    right: 40px;
    top: -40px;
    height: 76px;
    width: 76px;
    background-color: #f7cc00;
    border-radius: 0 10px 0 0;
    font-size: 30px;
    line-height: 80px;
    color: #017696;
    font-weight: 600;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.process-block h4 {
    position: relative;
    display: block;
    font-size: 22px !important;
    line-height: 25px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 14px;
    letter-spacing: 0.01em;
}

.process-block h4 a {
    color: #ffffff;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.process-block .text {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #d0d0d0;
    font-weight: 400;
    margin-bottom: 15px;
}

.goodgbag-list ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.goodgbag-list ul li {
    display: block;
    color: #fff;
    padding: 0px 0px 15px 25px;
    font-size: 16px;
    position: relative;
}

.goodgbag-list ul li:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f058";
    margin-right: 10px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

.goody-bag-sec {
    position: relative;
    background: linear-gradient(to right, #017696 0%, #017696 32%, #ffffff 32%, #ffffff 100%);
    margin: 50px 0px;
}

.goody-bag-sec1 {
    position: relative;
    background: linear-gradient(to left, #017696 0%, #017696 32%, #ffffff 32%, #ffffff 100%);
}

.goody-bag-sec .goody-bag-item img {
    max-width: 250px;
    margin: 0 auto;
    display: block;
}

.goody-bag-sec1 .goody-bag-item img {
    max-width: 250px;
    margin: 0 auto;
    display: block;
}


/*.become-instructor-partner-image img {*/
/*    width: 100%;*/
/*    height: 490px;*/
/*    object-fit: cover;*/
/*}*/
.appServices .delivery-boy1 {
    position: relative;
    top: 30px;
    right: 205px;
}

.key-features ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.key-features ul li {
    display: block;
    padding: 0px 0px 14px 25px;
    font-size: 16px;
    position: relative;
}

.key-features ul li:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f0a4";
    margin-right: 10px;
    color: #4169E1;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;
}

.key-features:before {
    display: none;
}

.syrengine ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.syrengine ul li {
    display: block;
    padding: 0px 0px 14px 25px;
    font-size: 16px;
    position: relative;
}

.syrengine ul li:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f469";
    margin-right: 10px;
    color: #4e8bbf;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;
}

.hotel-booking-sec4 .hotel-booking-item-content {
    min-heigh: 425px !important;
}

.industries__box {
    margin-bottom: 30px;
}


.portappimg{
    position:absolute;
    right:0px;
    top:-70px;
}
.orgblock{
    background-color:#f77e0b;
    border-radius:5px;
    padding:10px;
    text-transform:capitalize;
    text-align:center;
    color:#fff;
    line-height: 50px!important;
    letter-spacing: inherit;
    margin-bottom:40px;
}
.service_icon object{
    position:relative;
    top:15px;
}
.abtleft{
    padding-right:30px;
}
.abtleft h2{
    font-size:40px!important;
    line-height:45px!important;
    color:#f77e0b;
    letter-spacing:0px!important;
}
.abtleft h3{
    text-transform:capitalize;
    letter-spacing:0px!important;
}
.sideportright{
    border-left: 4px solid #e9eaea;
    padding-left: 50px;
    position: relative;
}
.sideportright:before{
    position: absolute;
    content: '';
    top: 0;
    left: -4px;
    width: 4px;
    height: 100px;
    background-color: #f77e0b;
}
.portfgreenblock-left h2,.portfgreenblock-right h2,.portfblueblock-left h2{
    letter-spacing:0px!important;
}
.portfgreenblock-left,.portfblueblock-left{
   background: linear-gradient(to left, #72bf44 0%, #92e064 100%);
   padding:50px 30px 50px 200px;
   color:#fff;
   border-radius:0px 30px 30px 0px;
   margin:30px 0px;
}
.portfgreenblock-right{
   background: linear-gradient(to right, #2c3e50 0%, #405264 100%);
   padding:50px 200px 50px 30px;
   color:#fff;
   border-radius:30px 0px 0px 30px;
   margin:30px 0px;
}
.portfblueblock-left{
    background: linear-gradient(to left, #2d4c9c 0%, #225aa5 100%);
}
.adjimg{
    width:100%;
    height:500px;
    object-fit:contain;
}

.rgtbot{
    position:absolute; 
    right:20px; 
    bottom:150px
}
.lftbot{
    position:absolute; 
    left:20px
}
.pinkBg {
    background-color: #ffbe00!important;
    background-image: linear-gradient(90deg, #f77e0b, #fc9029);
}
.blueBg{
     background-color: #e40716!important;
    background-image: linear-gradient(90deg, #e40716, #e40716);
}
.ripple-circle{
    height:160px;
    width:160px;
    position:absolute;
    top:40%;
    left:32%;
    text-align:center;
    margin:-30px 0 0 -30px;
    border-radius:100%;
    z-index:-1
}
.ripple-circle i{
    line-height:56px;
    font-size:30px
}
.ripple-circle .ripple{
    position:absolute;
    width:460px;
    height:460px;
    z-index:-1;
    left:-30%;
    top:-25%;
    opacity:0;
    margin:-80px 0 0 -80px;
    border-radius:100%;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.ripple-circle .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.ripple-circle .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}
.android-section-4 {
  position: relative;
}

.android-section-4 .page-heading {
  margin-bottom: 0px;
}

.android-section-4 .mobile-frame {
  position: absolute;
  left: 584px;
  margin-top: -34px;
  z-index: 9;
  padding: 0px 30px;
}

.android-section-4 .PortfolioAppSlider {
  padding: 50px 0px 120px 0px;
}

.android-section-4 .PortfolioAppSlider:after {
  content: url("../images/port-mobileframe.png");
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-51.4%, -48.9%);
  transform: translate(-50%, -48.9%);
  margin-top: -40px;
}

.android-section-4 .PortfolioAppSlider .item img {
  display: block;
  margin: auto;
  width: auto;
  max-width: 100%;
}


.android-section-4 .PortfolioAppSlider .slick-dots {
  width: 100%;
  height: 10px;
  padding: 0px;
  position: absolute;
  list-style: none;
  text-align: center;
  bottom: 65px;
}

.android-section-4 .PortfolioAppSlider .slick-dots li {
  display: inline-block;
  margin: 10px 5px 10px 0px;
  height: 10px;
  vertical-align: top;
}

.android-section-4 .PortfolioAppSlider .slick-dots li:before {
  display: none;
}

.android-section-4 .PortfolioAppSlider .slick-dots li button {
  padding: 0px;
  background: none;
  border: 0px;
  height: 10px;
  width: 10px;
  background: rgba(225, 225, 225, 0.8);
  border-radius: 100%;
  text-indent: -9999px;
}

.android-section-4 .PortfolioAppSlider .slick-dots li.slick-active button {
  background-color: #4169E1;
}
/* Wave effect */
.wave-effect {
    position:absolute;
	z-index:1;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    height:150px;
    overflow:hidden;
}

.waves-shape.shape-one {
    z-index:15;
    opacity:0.5;
}

.waves-shape.shape-two {
    z-index:10;
    opacity:0.75;
}

.waves-shape.shape-three {
    z-index:5;
}

.wave {
    position:absolute;
    left:0;
    width:200%;
    height:100%;
    background-repeat:repeat no-repeat;
    background-position:0 bottom;
    transform-origin:center bottom;
}

.waves-shape {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wave-one {
	background-image:url('../images/wave-1.png');
    background-size:50% 100px;
}

.wave-two {
	background-image:url('../images/wave-2.png');
    background-size:50% 120px;
}

.wave-anim .wave-two {
    -webkit-animation:move-wave 10s linear infinite;
	   -moz-animation:move-wave 10s linear infinite;
			animation:move-wave 10s linear infinite;
}

.wave-three {
	background-image:url('../images/wave-3.png');
    background-size:50% 100px;
}

.wave-anim .wave-three {
    -webkit-animation:move-wave 15s linear infinite;
	   -moz-animation:move-wave 15s linear infinite;
			animation:move-wave 15s linear infinite;
}

@keyframes move-wave {
    0% {
        transform:translateX(0) translateZ(0) scaleY(1);
    }
	
    50% {
        transform:translateX(-25%) translateZ(0) scaleY(0.55);
    }
	
    100% {
        transform:translateX(-50%) translateZ(0) scaleY(1);
    }
}

/**********************
    - 9. Features -
**********************/
.features-item {
	margin:0;
	padding:0;
	overflow:hidden;
}

.features-item > li {
	list-style:none;
}

/* Feature box */
.feature-box {
	position:relative;
	margin-bottom:10px;
}

.feature-box .box-text > h4 {
	margin-bottom: 0px;
    transition: all 0.3s;
    line-height: 30px!important;
    font-weight: 600!important;
    letter-spacing: 1px;
    font-size: 20px!important;
    color:#2457a3;
}

/* Icon */
.feature-box .box-icon {
	margin-right:20px;
}

.feature-box .box-icon .icon {
	width:40px;
	font-size:40px;
	line-height:40px;
}

/* Left */
.feature-box.box-left {
	padding-right:64px;
	text-align:right;
}

.feature-box.box-left .box-icon {
	position:absolute;
	right:0;
	width:auto;
	height:64px;
	margin:0 0 0 20px;
}
.actionblocks h3{
    margin:0px;
    padding:0px 0px 30px 0px;
    font-size:50px!important;
    line-height:60px!important;
}
.actionblocks h3 span{
    color:#ce9e38;
    display:block;
}


@media only screen and (max-width: 992px){
    .portfgreenblock-left{
        padding-left:50px;
    }
    .portfgreenblock-right{
        padding-right:50px;
    }
    .goodbag-team-sec {
        height: inherit;
    }
    .goodbag-team-sec .how-work {
        min-height: inherit;
    }
}
@media only screen and (max-width: 768px){
.ripple-circle{
    left:38%;
}
.appServices .delivery-boy1 {
    position: relative;
    top: 10px;
    right: 100px;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px){
.abtleft h3{
    line-height:40px!important;
}
.sideportright h2{
    font-size:30px!important;
    line-height:40px!important;
}
}