.portfolio-content.Approach_Statement_section_03::before {
    content: "";
    top: auto;
    bottom: 290px;
    right: -15px;
    left: auto;
    width: 100%;
    height: 151px;
    position: absolute;
    background: linear-gradient(180deg, #F6F6F6 0%, rgba(246, 246, 246, 0.00) 100%);
    background-repeat: no-repeat;
}

.portfolio-content.sec-verticals.Approach_Statement_section_03::before 
{
    background: none;
}

.portfolio-content .portfolio-category {
    position: relative;
}

.portfolio-content .portfolio-category::before {
    content: "";
    top: auto;
    bottom: -60px;
    right: 0;
    left: 0;
    width: 100%;
    height: 150px;
    position: absolute;
    background: linear-gradient(180deg, #F6F6F6 0%, rgba(246, 246, 246, 0.00) 100%);
    background-repeat: no-repeat;
}

.sec-verticals.portfolio-content .portfolio-category::before
{
    background: none;
}


.portfolio-category .portfolio-title {
    text-align: center;
}

@media(min-width: 992px) {
    .portfolio-category .portfolio-title {
        text-align: start;
    }
}

/* portfolio-heading css */
.portfolio-category .portfolio-title h2.portfolio-heading span {
    color: #B0C600;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1.6px;
    border-bottom: 4px solid #B0C600;
    text-transform: uppercase;
}

@media(min-width: 768px) {
    .portfolio-category .portfolio-title h2.portfolio-heading span {
        font-size: 16px;
    }
}

/* portfolio-sub-heading css */
.portfolio-category .portfolio-title h1.portfolio-sub-heading {
    color: #333;
    padding-top: 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
}

@media (min-width: 768px) {
    .portfolio-category .portfolio-title h1.portfolio-sub-heading {
        font-size: 40px;
        line-height: 43px;
    }
}

@media (min-width: 1200px) {
    .portfolio-category .portfolio-title h2.portfolio-sub-heading {
        font-size: 50px;
        line-height: 53px;
        text-align: left;
    }

    .portfolio-category.sec-verticals.portfolio-title h2.portfolio-sub-heading {
        font-size: 50px;
        line-height: 53px;
        text-align: left;
        color:#fff;
    }
}

.portfolio-category .portfolio-title h2.portfolio-sub-heading span {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
}

.landing-page
{
    font-size: 50px !important;
    font-weight:700 !important;
}

@media (min-width: 768px) {
    .portfolio-category .portfolio-title h1.portfolio-sub-heading span {
        font-size: 40px;
        line-height: 43px;
    }
}

@media (min-width: 1200px) {
    .portfolio-category .portfolio-title h1.portfolio-sub-heading span {
        font-size: 50px;
        line-height: 53px;
    }
}

/* portfolio-text css */
.portfolio-category .portfolio-text p {
    color: #333;
    margin-top: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
}

@media(min-width: 768px) {
    .portfolio-category .portfolio-text p {
        font-size: 16px;
    }
}

@media(min-width: 992px) {
    .portfolio-category .portfolio-text p {
        font-size: 16px;
        text-align: start;
    }
}

/* portfolio-wrap css */
.portfolio-content .portfolio-wrap {
    padding: 60px 0px 0px;
    position: relative;
}

.portfolio-content .portfolio-wrap .possition_reletive {
    padding-left: 15px;
    padding-right: 15px;
}

@media(min-width: 768px) {
    .portfolio-content .portfolio-wrap {
        display: flex;
        align-items: center;
        padding-top: 60px;
    }
}

@media(min-width: 992px) {
    .portfolio-content .portfolio-wrap {
        padding: 0px;
    }
}

.portfolio-content .portfolio-wrap .portfolio-img-desc {

    clip-path: polygon(calc(100% - 19.395px) calc(100% - 0.5px), 10px calc(100% - 0.5px), 10px calc(100% - 0.5px), 8.4590519px calc(100% - 0.62433099999998px), 6.9972672px calc(100% - 0.98428799999996px), 5.6342053px calc(100% - 1.560317px), 4.3894256px calc(100% - 2.332864px), 3.2824875px calc(100% - 3.282375px), 2.3329504px calc(100% - 4.389296px), 1.5603737px calc(100% - 5.634073px), 0.9843168px calc(100% - 6.997152px), 0.6243391px calc(100% - 8.458979px), 0.5px calc(100% - 10px), 0.5px 10px, 0.5px 10px, 0.6243391px 8.4590519px, 0.9843168px 6.9972672px, 1.5603737px 5.6342053px, 2.3329504px 4.3894256px, 3.2824875px 3.2824875px, 4.3894256px 2.3329504px, 5.6342053px 1.5603737px, 6.9972672px 0.9843168px, 8.4590519px 0.6243391px, 10px 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 9.037901px) 0.63492602px, calc(100% - 7.5212079999999px) 1.02459296px, calc(100% - 6.1152270000001px) 1.64633414px, calc(100% - 4.841264px) 2.47748288px, calc(100% - 3.720625px) 3.4953725px, calc(100% - 2.774616px) 4.67733632px, calc(100% - 2.0245430000001px) 6.00070766px, calc(100% - 1.491712px) 7.44281984px, calc(100% - 1.197429px) 8.98100618px, calc(100% - 1.1630000000001px) 10.5926px, calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 10.119096px) calc(100% - 7.941146px), calc(100% - 10.537688px) calc(100% - 6.5583679999999px), calc(100% - 11.150932px) calc(100% - 5.275442px), calc(100% - 11.940984px) calc(100% - 4.109144px), calc(100% - 12.89px) calc(100% - 3.07625px), calc(100% - 13.980136px) calc(100% - 2.193536px), calc(100% - 15.193548px) calc(100% - 1.477778px), calc(100% - 16.512392px) calc(100% - 0.945752px), calc(100% - 17.918824px) calc(100% - 0.61423400000001px), calc(100% - 19.395px) calc(100% - 0.50000000000003px));
    display: flex;
    flex-direction: column;
    padding: 30px 19px;
    background-color: #fdfdfd;
    position: relative;
    /* border: 1px solid #D6D6D6; */
    box-shadow: 5px 5px 14px #D6D6D6;
    position: relative;

}

.clip_path_aria {

    clip-path: polygon(calc(100% - 19.395px) calc(100% - 0.5px), 10px calc(100% - 0.5px), 10px calc(100% - 0.5px), 8.4590519px calc(100% - 0.62433099999998px), 6.9972672px calc(100% - 0.98428799999996px), 5.6342053px calc(100% - 1.560317px), 4.3894256px calc(100% - 2.332864px), 3.2824875px calc(100% - 3.282375px), 2.3329504px calc(100% - 4.389296px), 1.5603737px calc(100% - 5.634073px), 0.9843168px calc(100% - 6.997152px), 0.6243391px calc(100% - 8.458979px), 0.5px calc(100% - 10px), 0.5px 10px, 0.5px 10px, 0.6243391px 8.4590519px, 0.9843168px 6.9972672px, 1.5603737px 5.6342053px, 2.3329504px 4.3894256px, 3.2824875px 3.2824875px, 4.3894256px 2.3329504px, 5.6342053px 1.5603737px, 6.9972672px 0.9843168px, 8.4590519px 0.6243391px, 10px 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 9.037901px) 0.63492602px, calc(100% - 7.5212079999999px) 1.02459296px, calc(100% - 6.1152270000001px) 1.64633414px, calc(100% - 4.841264px) 2.47748288px, calc(100% - 3.720625px) 3.4953725px, calc(100% - 2.774616px) 4.67733632px, calc(100% - 2.0245430000001px) 6.00070766px, calc(100% - 1.491712px) 7.44281984px, calc(100% - 1.197429px) 8.98100618px, calc(100% - 1.1630000000001px) 10.5926px, calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 10.119096px) calc(100% - 7.941146px), calc(100% - 10.537688px) calc(100% - 6.5583679999999px), calc(100% - 11.150932px) calc(100% - 5.275442px), calc(100% - 11.940984px) calc(100% - 4.109144px), calc(100% - 12.89px) calc(100% - 3.07625px), calc(100% - 13.980136px) calc(100% - 2.193536px), calc(100% - 15.193548px) calc(100% - 1.477778px), calc(100% - 16.512392px) calc(100% - 0.945752px), calc(100% - 17.918824px) calc(100% - 0.61423400000001px), calc(100% - 19.395px) calc(100% - 0.50000000000003px));
    background-color: #D6D6D6;
    box-shadow: 5px 5px 14px #D6D6D6;
    width: fit-content;
    padding: 1px !important;
}

.pading_clip-paht {
    margin: 60px 0px 0px 0px;
}


.portfolio-content .portfolio-wrap .portfolio-img-desc:first-child {
    margin-top: 0px;
}

@media(min-width: 768px) {
    .portfolio-content .portfolio-wrap .portfolio-img-desc {
        /* margin: 0px 15px; */
        margin: 0;
    }
}

.portfolio-content .portfolio-wrap .portfolio-img-desc .portfolio-img {
    width: 100%;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    margin-top: -65px;
    border-radius: 10px;
}

.portfolio-content .portfolio-wrap .portfolio-img-desc .portfolio-desc h2.portfolio-service {
    margin-top: 20px;
    color: #131714;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    text-transform: capitalize;
}

.portfolio-content .portfolio-wrap .portfolio-img-desc .portfolio-desc p.portfolio-description {
    overflow: hidden;
    color: #131714;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5px;
}

/* portfolio-wrapper css */
.portfolio-content .portfolio-wrapper {
    display: flex;
    align-items: center;
    padding-top: 60px;
}

.portfolio-content .portfolio-wrapper .portfolio-img-desc {
    display: flex;
    clip-path: polygon(calc(100% - 19.395px) calc(100% - 0.5px), 10px calc(100% - 0.5px), 10px calc(100% - 0.5px), 8.4590519px calc(100% - 0.62433099999998px), 6.9972672px calc(100% - 0.98428799999996px), 5.6342053px calc(100% - 1.560317px), 4.3894256px calc(100% - 2.332864px), 3.2824875px calc(100% - 3.282375px), 2.3329504px calc(100% - 4.389296px), 1.5603737px calc(100% - 5.634073px), 0.9843168px calc(100% - 6.997152px), 0.6243391px calc(100% - 8.458979px), 0.5px calc(100% - 10px), 0.5px 10px, 0.5px 10px, 0.6243391px 8.4590519px, 0.9843168px 6.9972672px, 1.5603737px 5.6342053px, 2.3329504px 4.3894256px, 3.2824875px 3.2824875px, 4.3894256px 2.3329504px, 5.6342053px 1.5603737px, 6.9972672px 0.9843168px, 8.4590519px 0.6243391px, 10px 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 9.037901px) 0.63492602px, calc(100% - 7.5212079999999px) 1.02459296px, calc(100% - 6.1152270000001px) 1.64633414px, calc(100% - 4.841264px) 2.47748288px, calc(100% - 3.720625px) 3.4953725px, calc(100% - 2.774616px) 4.67733632px, calc(100% - 2.0245430000001px) 6.00070766px, calc(100% - 1.491712px) 7.44281984px, calc(100% - 1.197429px) 8.98100618px, calc(100% - 1.1630000000001px) 10.5926px, calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 10.119096px) calc(100% - 7.941146px), calc(100% - 10.537688px) calc(100% - 6.5583679999999px), calc(100% - 11.150932px) calc(100% - 5.275442px), calc(100% - 11.940984px) calc(100% - 4.109144px), calc(100% - 12.89px) calc(100% - 3.07625px), calc(100% - 13.980136px) calc(100% - 2.193536px), calc(100% - 15.193548px) calc(100% - 1.477778px), calc(100% - 16.512392px) calc(100% - 0.945752px), calc(100% - 17.918824px) calc(100% - 0.61423400000001px), calc(100% - 19.395px) calc(100% - 0.50000000000003px));

    flex-direction: column;
    /*    margin: 0px 10px;*/
    padding: 30px 19px;
    background-color: #fdfdfd;
    position: relative;
    /* border: 1px solid #D6D6D6; */
    /* box-shadow: 0px 0px 14px #D6D6D6; */
    /* border-radius: 20px; */
}

.portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-img {
    position: relative;
    width: 100%;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    margin-top: -65px;
    border-radius: 10px;
}

.portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-img::before {
    content: "";
    top: -6px;
    bottom: 0;
    right: -5px;
    left: auto;
    width: 75px;
    position: absolute;
    z-index: 1;
    background: url('/storage/portfolio/portfolioback.png');
    background-repeat: no-repeat;
}

.portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-img span.image {
    display: inline-block;
    background-color: #B0C600;
    right: 30px;
    padding: 20px;
    z-index: 1;
    clip-path: polygon(0% 30.311%, 0% 30.311%, 0.065% 29.217%, 0.257% 28.147%, 0.571% 27.109%, 1.001% 26.112%, 1.544% 25.163%, 2.193% 24.269%, 2.944% 23.439%, 3.792% 22.68%, 4.732% 22%, 5.758% 21.406%, 44.33% 1.626%, 44.33% 1.626%, 45.406% 1.139%, 46.521% 0.761%, 47.665% 0.491%, 48.828% 0.328%, 50% 0.274%, 51.172% 0.328%, 52.335% 0.491%, 53.479% 0.761%, 54.594% 1.139%, 55.67% 1.626%, 94.242% 21.406%, 94.242% 21.406%, 95.268% 22%, 96.208% 22.68%, 97.056% 23.439%, 97.807% 24.269%, 98.456% 25.163%, 98.999% 26.112%, 99.429% 27.109%, 99.743% 28.147%, 99.935% 29.217%, 100% 30.311%, 100% 69.689%, 100% 69.689%, 99.935% 70.783%, 99.743% 71.853%, 99.429% 72.891%, 98.999% 73.888%, 98.456% 74.837%, 97.807% 75.731%, 97.056% 76.561%, 96.208% 77.32%, 95.268% 78%, 94.242% 78.594%, 55.67% 98.374%, 55.67% 98.374%, 54.594% 98.861%, 53.479% 99.239%, 52.335% 99.509%, 51.172% 99.672%, 50% 99.726%, 48.828% 99.672%, 47.665% 99.509%, 46.521% 99.239%, 45.406% 98.861%, 44.33% 98.374%, 5.758% 78.594%, 5.758% 78.594%, 4.732% 78%, 3.792% 77.32%, 2.944% 76.561%, 2.193% 75.731%, 1.544% 74.837%, 1.001% 73.888%, 0.571% 72.891%, 0.257% 71.853%, 0.065% 70.783%, 0% 69.689%, 0% 30.311%);
}

.portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-desc h2.portfolio-service {
    margin-top: 20px;
    color: #131714;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    text-transform: capitalize;
}

.portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-desc p.portfolio-description {
    overflow: hidden;
    color: #131714;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5px;
}


.portfoilo-wrapper-pt-0 .portfolio-wrapper {
    padding-top: 0px;
}

.possition_reletive {
    position: relative;
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.12));
}

.clip_path_class {
    position: absolute;
    width: 100%;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    margin-top: -65px;
    border-radius: 10px;
    top: 90px;
    right: 30px;
}

.clip_path_class span {
    position: relative;
}

.clip_path_class span img {
    width: 70px;
    height: 70px;
    padding: 20px;
    background: #B0C600;
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}

.clip_path_class span::before {
    content: "";
    position: absolute;
    width: 67px;
    height: 78px;
    top: -9px;
    right: 0px;
    background-image: url('/storage/icons/hexa-bg-outline-green.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 67px;
}

.clip_path_class_01 {
    position: absolute;
    width: 100%;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    margin-top: -65px;
    border-radius: 10px;
    top: 30px;
    right: 30px;

}

.clip_path_class_01 span img {
    display: inline-block;
    background-color: #B0C600;
    right: 30px;
    padding: 20px;
    z-index: 1;
    clip-path: polygon(0% 30.311%, 0% 30.311%, 0.065% 29.217%, 0.257% 28.147%, 0.571% 27.109%, 1.001% 26.112%, 1.544% 25.163%, 2.193% 24.269%, 2.944% 23.439%, 3.792% 22.68%, 4.732% 22%, 5.758% 21.406%, 44.33% 1.626%, 44.33% 1.626%, 45.406% 1.139%, 46.521% 0.761%, 47.665% 0.491%, 48.828% 0.328%, 50% 0.274%, 51.172% 0.328%, 52.335% 0.491%, 53.479% 0.761%, 54.594% 1.139%, 55.67% 1.626%, 94.242% 21.406%, 94.242% 21.406%, 95.268% 22%, 96.208% 22.68%, 97.056% 23.439%, 97.807% 24.269%, 98.456% 25.163%, 98.999% 26.112%, 99.429% 27.109%, 99.743% 28.147%, 99.935% 29.217%, 100% 30.311%, 100% 69.689%, 100% 69.689%, 99.935% 70.783%, 99.743% 71.853%, 99.429% 72.891%, 98.999% 73.888%, 98.456% 74.837%, 97.807% 75.731%, 97.056% 76.561%, 96.208% 77.32%, 95.268% 78%, 94.242% 78.594%, 55.67% 98.374%, 55.67% 98.374%, 54.594% 98.861%, 53.479% 99.239%, 52.335% 99.509%, 51.172% 99.672%, 50% 99.726%, 48.828% 99.672%, 47.665% 99.509%, 46.521% 99.239%, 45.406% 98.861%, 44.33% 98.374%, 5.758% 78.594%, 5.758% 78.594%, 4.732% 78%, 3.792% 77.32%, 2.944% 76.561%, 2.193% 75.731%, 1.544% 74.837%, 1.001% 73.888%, 0.571% 72.891%, 0.257% 71.853%, 0.065% 70.783%, 0% 69.689%, 0% 30.311%);

}

@media(max-width:576px)
{
    .landing-page {
        font-size: 30px !important;
      
    }
    .clr 
    {
        color:#333 !important;
    }
}