.portfolio-banner {
    padding: 150px 0 100px;
    background-image: url("../image/portfolio/portfolio_banner.webp");
    background-position: center;
    background-size: cover;
    min-height: 600px;
    opacity: .95;
}
.portfolio-banner-content {
	position: absolute;
	bottom: 5px;
	left: -41px;
	right: 0;
}
.protfolio-points{
    position: relative;
    background-color: #F8F8F8;
    padding: 80px 0;
}
.portfolio-point-wrap {
    position: relative;
    margin: 0 30px;
    border-radius: 20px;
    height: 100%;
    padding: 30px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    z-index: 2;
}
.portfolio-point-wrap .portfolio-point-wrap-shape{
    position: absolute;
    top: -25px;
    left: -25px;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.right-portfolio .portfolio-point-wrap-shape {
    right: -25px;
    left: auto;
}
.tawi-bg{
    background: linear-gradient(146deg, #00B0FF -18.4%, #186B90 92.35%);
}
.tawi-bg .portfolio-point-wrap-shape{
    border: 1px solid #8ADBFF;
}
.tawi-bg .field-name{
    border: 1px solid #8ADBFF;
}
.shambyte-bg{
    background: linear-gradient(146deg, #772DAF -18.4%, #7644F2 92.35%);
}
.shambyte-bg .portfolio-point-wrap-shape{
    border: 1px solid #7737CA;
}
.shambyte-bg .field-name{
    border: 1px solid #7737CA;
}
.tiffinmama-bg{
    background: linear-gradient(93deg, #3a242e 15.3%, #482e33 78.31%)
}
.tiffinmama-bg .portfolio-point-wrap-shape{
    border: 1px solid #482e33;
}
.tiffinmama-bg .field-name{
    border: 1px solid #482e33;
}
.realprabhu-bg{
    background: linear-gradient(146deg, #f59010 -18.4%, #df7e00 92.35%);
}
.realprabhu-bg .portfolio-point-wrap-shape{
    border: 1px solid #f59010;
}
.realprabhu-bg .field-name{
    border: 1px solid #f59010;
}
.bott-bg{
    background: linear-gradient(179deg, #ee10e4 15.3%, #c703bd 78.31%);
}
.bott-bg .portfolio-point-wrap-shape{
    border: 1px solid #ee10e4;
}
.bott-bg .field-name{
    border: 1px solid #ee10e4;
}
.jatbet-bg{
    background: linear-gradient(93deg, #dda200 15.3%, #edb009 78.31%)
}
.jatbet-bg .portfolio-point-wrap-shape{
    border: 1px solid #dda200;
}
.jatbet-bg .field-name{
    border: 1px solid #dda200;
}
.jobish-bg{
    background: linear-gradient(30deg, #b8860b 15.3%, #af7e02 78.31%)
}
.jobish-bg .portfolio-point-wrap-shape{
    border: 1px solid #b8860b;
}
.jobish-bg .field-name{
    border: 1px solid #b8860b;
}
.career-bg{
    background: linear-gradient(30deg, #017dfd 15.3%, #0065ca 78.31%)
}
.career-bg .portfolio-point-wrap-shape{
    border: 1px solid #017dfd;
}
.career-bg .field-name{
    border: 1px solid #017dfd;
}
.sanskar-bg{
    background: linear-gradient(165deg, #342534 15.3%, #802980 78.31%)
}
.sanskar-bg .portfolio-point-wrap-shape{
    border: 1px solid #342534;
}
.sanskar-bg .field-name{
    border: 1px solid #342534;
}
.sportschamp-bg{
    background: linear-gradient(165deg, #fd6500 15.3%, #fd6600 78.31%)
}
.sportschamp-bg .portfolio-point-wrap-shape{
    border: 1px solid #fd6500;
}
.sportschamp-bg .field-name{
    border: 1px solid #fd6500;
}


.akvira-bg{
    background: linear-gradient(179deg, #e45f21 15.3%, #da4602 78.31%)
}
.akvira-bg .portfolio-point-wrap-shape{
    border: 1px solid #e45f21;
}
.akvira-bg .field-name{
    border: 1px solid #e45f21;
}

.portfolio-point-color{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
    z-index: 1;
    left: 0;
    top: 0;
}
.case-study-btn,.portfolio-name{
    position: relative;
    z-index: 1;
}
.portfolio-single-point{
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    padding: 2px;
    border-radius: 10px 10px 0 0;
    z-index: 1;
}
.portfolio-single-point-image{
    position: relative;
    overflow: hidden;
}
.dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px;
}
.dot1{
    background-color: #fc4957;
}
.dot2{
    background-color: #f4b803;
}
.dot3{
    background-color: #01d210;
}
.portfolio-name div{
    margin: 20px 0 8px;
    text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
.portfolio-single-point img{
    transition: 0.5s;
}
.portfolio-point-wrap:hover img{
    transform: scale(1.1);
}
.portfolio-casestudy-btn{
    border: 1px solid #fff;
    padding: 2px 10px;
    display: inline-block;
}
.field-name {
    border-radius: 10px 10px 0 0;
    padding: 3px 20px;
    min-width: 200px;
    position: absolute;
    top: -60px;
    left: 30px;
}
.right-portfolio .field-name{
    right: 30px;
    left: auto;
}


/* tawi portfolio page  */
.tawi-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(94deg, #186B90 24.09%, #00A6F0 78.32%);
}
.portfolio-challenges-image{
    margin-top: -155px;
}
.portfolio_inner_headline .heading-blue-shape {
    position: relative;
    width: 210px;
    height: 4px;
    bottom: 10px;
    left: 0;
    right: 0;
    background: #186B90;
}
.portfolio_inner_headline .heading-balck-shape{
    width: 30px;
    height: 4px;
    background-color: #373737;
    position: absolute;
    right: 0;
}
.portfolio_inner_headline.center_headline .heading-blue-shape{
    margin: auto;
}
.portfolio_inner_headline.center_black_line .heading-balck-shape{
    left: 0;
    right: 0;
    margin: auto;
}
.portfolio_technology img{
    margin: 10px 20px;
}
.challenges,.solution,.techstack{
    background-color: #f8f8f8;
}
.portfolio_technology{
    background-color: #fff;
    padding: 10px;
}

/* Shambyte portfolio page  */
.shambyte-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(93deg, #7023AA 15.3%, #5D3AB7 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-shambyte-color{
    background: #7023AB;
}

/* Phonoretail portfolio page  */
.phonoretail-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(93deg, #2193d1 15.3%, #0b76af 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-phonoretail-color{
    background: #2193d1;
}

/* Tiffin Mama portfolio page  */
.tiffinmama-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(93deg, #3a242e 15.3%, #482e33 78.31%)
}
.portfolio_inner_headline .heading-blue-shape.heading-tiffinmama-color{
    background: #a1044b;
}

/* Jatbet portfolio page  */
.jatbet-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(93deg, #dda200 15.3%, #edb009 78.31%)
}
.portfolio_inner_headline .heading-blue-shape.heading-jatbet-color{
    background: #dda200;
}

/* Real Prabhu portfolio page  */
.realprabhu-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(179deg, #f59010 15.3%, #af6505 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-realprabhu-color{
    background: #c53a10;
}

/* bott3pro portfolio page  */
.bott3pro-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(179deg, #ee10e4 15.3%, #c703bd 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-bott3pro-color{
    background: #ee10e4;
}

/* akvira portfolio page  */
.akvira-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(179deg, #e45f21 15.3%, #da4602 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-akvira-color{
    background: #eb6b2f;
}

/* jio dream portfolio page  */
.jiodream-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(30deg, #5d073c 15.3%, #8d0258 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-jiodream-color{
    background: #5d073c;
}

/* Jobish portfolio page  */
.jobish-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(30deg, #b8860b 15.3%, #af7e02 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-jobish-color{
    background: #b8860b;
}

/* career socho portfolio page  */
.careersocho-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(30deg, #017dfd 15.3%, #0065ca 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-careersocho-color{
    background: #017dfd;
}

/* madwhey portfolio page  */
.madwhey-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(165deg, #e80000 15.3%, #a10808 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-madwhey-color{
    background: #e80000;
}

/* sanskar portfolio page  */
.sanskar-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(165deg, #342534 15.3%, #802980 78.31%);
}
.portfolio_inner_headline .heading-blue-shape.heading-sanskar-color{
    background: #802980;
}

/* sanskar portfolio page  */
.sportschamp-portfolio-banner{
    padding: 200px 0;
    background: linear-gradient(165deg, #fd6500 15.3%, #fd6600 78.31%)
}
.portfolio_inner_headline .heading-blue-shape.heading-sportschamp-color{
    background: #fd6600;
}   
