.pjt-title, .platform {
    font-weight: 500;
    font-style: normal;
}
#portfolio-main .viw-btn.btn_1, #portfolio-main .viw-btn.btn_2, #portfolio-main .viw-btn.btn_3, #portfolio-main .viw-btn.btn_4, #portfolio-main .viw-btn.btn_5, #portfolio-main .viw-btn.btn_6, #portfolio-main .viw-btn.btn_7 {
    box-shadow: 1px 2px 7px 0 rgba(34, 34, 34, .1);
}
.fa-arrow-right:before {
    content: "\f061";
    opacity: 0;
    transition: .3s ease-in;
    z-index: -1;
}
#portfolio-main .page-header {
    text-align: center;
    position: relative;
    border: none;
    margin: 40px auto;
    max-width: fit-content;
}
#portfolio-main .page-header .brdr-line {
    margin: 0;
}
#portfolio-main .tab-hdr-content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    margin-top: 30px;
    padding: 0;
}
#portfolio-main .tab-btn {
    padding: 10px 20px;
    border-radius: 10px;
    margin: 0 10px;
    background-color: #fff;
    border: 2px solid #f73757;
}
#portfolio-main .tab-btn:active, #portfolio-main .tab-btn:focus {
    background-color: #ff284a;
    color: #fff;
}
#portfolio-main .project-1 {
    padding: 40px 0;
    margin: 75px 0 0;
}
#portfolio-main .project-img {
    text-align: end;
}
#portfolio-main .pjt-left {
    padding-right: 35px;
}
#portfolio-main .pjt-right {
    padding-left: 35px;
    padding-right: 0;
}
#portfolio-main .viw-btn {
    padding: 15px 20px;
    border-radius: 15px;
    margin: 0!important;
    font-size: 16px;
    color: #fff;
    width: 35%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    position: relative;
}
#portfolio-main .viw-btn:hover .fa-arrow-right:before {
    opacity: 1;
    padding-left: 15px;
    z-index: 1;
}
#portfolio-main .fd-flex-row {
    display: flex;
    align-items: center;
    justify-content: center;
}
#portfolio-main .fd-flex-row-inverse {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
}
#portfolio-main .project-name {
    padding: 0;
}
.pjt-title {
    color: #333;
    position: relative;
    letter-spacing: 1px;
    margin-top: 5px;
    font-size: 26px;
    line-height: 32px;
}
.platform {
    margin: 0;
    font-size: 18px;
    line-height: 17px;
    color: #666;
}
#portfolio-main .pjt-title::after {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 100%!important;
    left: 0!important;
    height: 20px;
    z-index: -1;
    /* transform: translate(-50%); */
    /* max-width: 134px; */
}
#portfolio-main .pjt-title.app-bar::after {
    background: linear-gradient(103deg, rgba(255, 219, 219, .35) 0, rgba(214, 245, 255, .35) 100%);
}
#portfolio-main .pjt-title.aquamarine-bar::after, #portfolio-main .pjt-title.herblelife-bar::after {
    background: linear-gradient(270deg, rgba(204, 252, 255, .35) 0, rgba(141, 249, 234, .35) 100%);
}
#portfolio-main .pjt-title.app-bar.indianred_bar::after {
    background: linear-gradient(90deg, rgba(254, 204, 231, .3) 0, rgba(255, 244, 212, .3) 100%);
}
#portfolio-main .pjt-title.grab-bar::after {
    background: linear-gradient(279deg, rgba(246, 255, 219, .35) 0, rgba(217, 230, 255, .35) 100%);
}
#portfolio-main .pjt-title.sulekha--bar::after {
    background: linear-gradient(291.89deg, rgba(206, 255, 237, .35) 16.67%, rgba(202, 233, 255, .35) 88.36%);
}
#portfolio-main .pjt-title.sulekha-bar::after {
    background: linear-gradient(286deg, rgba(255, 218, 218, .3) 0, rgba(209, 208, 255, .3) 100%);
}
#portfolio-main .pjt-title.owl-bar::after {
    background: linear-gradient(111.89deg, rgba(254, 204, 231, .3) 14.31%, rgba(255, 244, 212, .3) 85.64%);
}
#portfolio-main .pjt-title.flipixs-bar::after {
    background: linear-gradient(238deg, rgba(177, 246, 255, .3) 0, rgba(204, 202, 255, .3) 100%);
}
#portfolio-main .pjt-title.job360-bar::after {
    background: linear-gradient(114.95deg, rgba(255, 219, 219, .35) 15.85%, rgba(214, 245, 255, .35) 91.51%);
}
#portfolio-main .pjt-title.recruitment-bar::after {
    background: linear-gradient(266.7deg, rgba(177, 246, 255, 0.3) -3.03%, rgba(204, 202, 255, 0.3) 108.42%);
}
#portfolio-main .pjt-title.surgbay-bar::after {
    background: linear-gradient(111.89deg, rgba(254, 204, 231, 0.3) 14.31%, rgba(255, 244, 212, 0.3) 85.64%);
}
#portfolio-main .pjt-title.rl3-bar::after {
    background: linear-gradient(293.84deg, rgba(246, 255, 219, 0.35) 8.22%, rgba(217, 230, 255, 0.35) 84.78%);
}
#portfolio-main .pjt-title.online_auction-bar::after {
    background: linear-gradient(291.89deg, rgba(206, 255, 237, 0.35) 16.67%, rgba(202, 233, 255, 0.35) 88.36%);
}
#portfolio-main .pjt-title.pregnancy_center-bar::after {
    background: linear-gradient(111.89deg, rgba(254, 204, 231, 0.3) 14.31%, rgba(255, 158, 250, 0.3) 85.64%);
}
#portfolio-main .pjt-title.obgyn-bar::after {
    background: linear-gradient(111.89deg, rgba(240, 184, 255, 0.3) 14.31%, rgba(255, 204, 185, 0.3) 85.64%);
}
#portfolio-main .pjt-title.women_health-bar::after {
    background: linear-gradient(293.84deg, rgba(246, 255, 219, 0.35) 8.22%, rgba(217, 230, 255, 0.35) 84.78%);
}
#portfolio-main .pjt-title.obgyn-care-bar::after {
    background: linear-gradient(295.66deg, rgba(255, 218, 218, 0.3) 6.96%, rgba(209, 208, 255, 0.3) 83.7%);
}
#portfolio-main .pjt-title.myobgyn-bar::after {
    background: linear-gradient(266.7deg, rgba(255, 234, 189, 0.3) -3.03%, rgba(175, 215, 255, 0.3) 108.42%);
}
#portfolio-main .pjt-title.ob-gyn-care-bar::after {
    background: linear-gradient(114.95deg, rgba(255, 229, 229, 0.35) 15.85%, rgba(255, 241, 208, 0.35) 91.51%);
}
#portfolio-main .pjt-title.holistic_healing-bar::after {
    background: linear-gradient(111.89deg, rgba(199, 201, 255, 0.3) 14.31%, rgba(255, 241, 229, 0.3) 85.64%);
}
#portfolio-main .pjt-title.florida_surgery-bar::after {
    background: linear-gradient(114.95deg, rgba(162, 242, 255, 0.35) 15.85%, rgba(255, 220, 185, 0.35) 91.51%);
}
#portfolio-main .pjt-title.bloom_obgyn-bar::after {
    background: linear-gradient(293.84deg, #E8EAFF 8.22%, #FFF1E8 84.78%);
}
#portfolio-main .pjt-title.evidence-bar::after {
    background: linear-gradient(295.66deg, rgba(168, 220, 255, 0.3) 6.96%, rgba(163, 253, 255, 0.3) 83.7%);
}
#portfolio-main .pjt-title.family_care-bar::after {
    background: linear-gradient(111.89deg, rgba(254, 204, 231, 0.3) 14.31%, rgba(255, 244, 212, 0.3) 85.64%);
}
#portfolio-main .pjt-title.sports_323-bar::after {
    background: linear-gradient(294.91deg, #D9F6FF 8.6%, #EBFBFF 87.87%);
}
#portfolio-main .pjt-title.riddara-bar::after {
    background: linear-gradient(293.84deg, rgba(255, 247, 230, 0.5) 8.22%, rgba(253, 228, 212, 0.5) 84.78%);
}
#portfolio-main .pjt-title.saleshandy-bar::after {
    background: linear-gradient(114.95deg, rgba(181, 200, 255, 0.35) 15.85%, rgba(232, 226, 255, 0.35) 91.51%);
}
#portfolio-main .pjt-title.ikigai_infotech-bar::after {
    background: linear-gradient(266.7deg, rgba(192, 236, 255, 0.3) -3.03%, rgba(255, 189, 235, 0.3) 108.42%);
}
#portfolio-main .pjt-title.goodgame-bar::after {
    background: linear-gradient(111.89deg, rgba(254, 204, 231, 0.3) 14.31%, rgba(255, 244, 212, 0.3) 85.64%);
}
#portfolio-main .pjt-title.devraj_roofing-bar::after {
    background: linear-gradient(293.84deg, rgba(246, 255, 219, 0.35) 8.22%, rgba(217, 230, 255, 0.35) 84.78%);
}
#portfolio-main .pjt-title.vishvas-oil-bar::after {
    background: linear-gradient(111.89deg, rgba(254, 204, 231, 0.3) 14.31%, rgba(255, 244, 212, 0.3) 85.64%);
}
#portfolio-main .viw-btn.btn_1 {
    border-radius: 10px;
    background: linear-gradient(275deg, #ccfcff 0, #8df9ea 100%);
}
#portfolio-main .viw-btn.btn_2 {
    border-radius: 10px;
    background: linear-gradient(90deg, #fecce7 0, #fff4d4 100%);
}
#portfolio-main .viw-btn.btn_3 {
    border-radius: 10px;
    background: linear-gradient(279deg, #f6ffdb 0, #d9e6ff 100%);
}
#portfolio-main .viw-btn.btn_4 {
    border-radius: 10px;
    background: linear-gradient(286deg, #ffdada 0, #d1d0ff 100%);
}
#portfolio-main .viw-btn.btn_5 {
    border-radius: 10px;
    background: linear-gradient(283deg, #e4fffd 0, #ebdeff 100%);
}
#portfolio-main .viw-btn.btn_6 {
    border-radius: 10px;
    background: linear-gradient(103deg, #ffdbdb 0, #d6f5ff 100%);
}
#portfolio-main .viw-btn.btn_7 {
    border-radius: 10px;
    background: linear-gradient(270deg, #ceffed 0, #cae9ff 100%);
}
#portfolio-main .viw-btn.btn_8 {
    border-radius: 10px;
    background: linear-gradient(294.91deg, #E4FFFD 8.6%, #EBDEFF 87.87%);
}
#portfolio-main .viw-btn.btn_9 {
    border-radius: 10px;
    background: linear-gradient(111.89deg, #FECCE7 14.31%, #FFF4D4 85.64%);
}
#portfolio-main .viw-btn.btn_10 {
    border-radius: 10px;
    background: linear-gradient(293.84deg, #F6FFDB 8.22%, #D9E6FF 84.78%);
}
#portfolio-main .viw-btn.btn_11 {
    border-radius: 10px;
    background: linear-gradient(291.89deg, #CEFFED 16.67%, #CAE9FF 88.36%);
}
#portfolio-main .viw-btn.btn_12 {
    border-radius: 10px;
    background: linear-gradient(293.09deg, #FFC8FC 17.1%, #FFEBF4 93.09%);
}
#portfolio-main .viw-btn.btn_13 {
    border-radius: 10px;
    background: linear-gradient(293.84deg, #E8FFEA 8.22%, #DFFEFF 84.78%);
}
#portfolio-main .viw-btn.btn_14 {
    border-radius: 10px;
    background: linear-gradient(111.89deg, #F9E3FF 14.31%, #FFDDC9 85.64%);
}
#portfolio-main .viw-btn.btn_15 {
    border-radius: 10px;
    background: linear-gradient(295.66deg, #FFE5F8 6.96%, #EBF5FF 83.7%);
}
#portfolio-main .viw-btn.btn_16 {
    border-radius: 10px;
    background: linear-gradient(294.91deg, #D9EEFF 8.6%, #FFFEEF 87.87%);
}
#portfolio-main .viw-btn.btn_17 {
    border-radius: 10px;
    background: linear-gradient(114.95deg, #FFE6E6 15.85%, #FFEFDF 91.51%);
}
#portfolio-main .viw-btn.btn_18 {
    border-radius: 10px;
    background: linear-gradient(111.89deg, #FFF2E6 14.31%, #E6E8FF 85.64%);
}
#portfolio-main .viw-btn.btn_19 {
    border-radius: 10px;
    background: linear-gradient(114.95deg, #E6F8FC 15.85%, #FFEDDB 91.51%);
}
#portfolio-main .viw-btn.btn_20 {
    border-radius: 10px;
    background: linear-gradient(293.84deg, #FFF6EF 8.22%, #E5EBFF 84.78%);
}
#portfolio-main .viw-btn.btn_21 {
    border-radius: 10px;
    background: linear-gradient(295.66deg, #CFFEFF 6.96%, #DFF2FF 83.7%);
}
#portfolio-main .viw-btn.btn_22 {
    border-radius: 10px;
    background: linear-gradient(111.89deg, rgba(254, 204, 231, 0.3) 14.31%, rgba(255, 244, 212, 0.3) 85.64%);
}
#portfolio-main .viw-btn.btn_23 {
    border-radius: 10px;
    background: linear-gradient(294.91deg, #D9F6FF 8.6%, #EBFBFF 87.87%);
}
#portfolio-main .viw-btn.btn_24 {
    border-radius: 10px;
    background: linear-gradient(293.84deg, #FFF7E6 8.22%, #FDE4D4 84.78%);
}
#portfolio-main .viw-btn.btn_25 {
    border-radius: 10px;
    background: linear-gradient(114.95deg, #CAD8FF 15.85%, #E9E3FF 91.51%);
}
#portfolio-main .viw-btn.btn_26 {
    border-radius: 10px;
    background: linear-gradient(294.91deg, #E2F6FF 8.6%, #FFE5F7 87.87%);
}
#portfolio-main .viw-btn.btn_27 {
    border-radius: 10px;
    background: linear-gradient(111.89deg, #FECCE7 14.31%, #FFF4D4 85.64%);
}
#portfolio-main .viw-btn.btn_28 {
    border-radius: 10px;
    background: linear-gradient(293.84deg, #FFE7E5 8.22%, #DDE2FF 84.78%);
}
#portfolio-main .viw-btn.btn_29 {
    border-radius: 10px;
    background: linear-gradient(111.89deg, #FFDFB2 14.31%, #FFE2EC 85.64%);
}

#portfolio-main .project-text {
    padding-left: 40px;
    margin-bottom: 40px;
    position: relative;
    max-width: 620px;
}
#portfolio-main .project-description {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #666;
    text-align: inherit;
    margin-bottom: 20px;
    margin-top: 22px;
    width: 100%}
.appinux-color {
    border-radius: 3px!important;
    background: linear-gradient(164deg, rgba(214, 245, 255, .49) 0, rgba(255, 219, 219, .2) 58.96%, rgba(255, 219, 219, 0) 100%);
}
.grabcery-color {
    background: linear-gradient(180deg, rgba(217, 230, 255, .49) 0, rgba(246, 255, 219, .18) 65.44%, rgba(246, 255, 219, 0) 100%);
}
.sulekha--color {
    background: linear-gradient(179.34deg, rgba(202, 233, 255, .46) -8.63%, rgba(207, 255, 238, .2) 59.51%, rgba(207, 255, 238, 0) 106.4%);
    border-radius: 5px;
}
.sulekha-color {
    border-radius: 0!important;
    background: linear-gradient(181deg, rgba(255, 218, 218, .49) 0, rgba(209, 208, 255, .2) 62.68%, rgba(209, 208, 255, 0) 100%);
}
.buildingowl-color {
    background: linear-gradient(198.49deg, rgba(254, 204, 231, .46) .91%, rgba(255, 244, 212, .2) 59.67%, rgba(255, 244, 212, 0) 92.83%);
    border-radius: 5px;
}
.flipixs-color {
    border-radius: 0!important;
    background: linear-gradient(360deg, rgba(228, 255, 253, 0) 0, rgba(228, 255, 253, .2) 37.67%, rgba(235, 222, 255, .49) 100%);
}
.jobtrack-color {
    background: linear-gradient(178.1deg, rgba(214, 245, 255, .49) -7.4%, rgba(255, 219, 219, .2) 58.08%, rgba(255, 219, 219, 0) 103.66%);
    border-radius: 3px;
}
.whosup-color {
    background: #60c2bd;
    background: linear-gradient(156deg, #60c2bd 0, rgba(255, 255, 255, 0) 60%);
}
.zipdoc-color {
    background: #00a3fc;
    background: linear-gradient(156deg, #00a3fc 0, rgba(255, 255, 255, 0) 60%);
}
.udl-color {
    background: #e92d2e;
    background: linear-gradient(156deg, #e92d2e 0, rgba(255, 255, 255, 0) 60%);
}
.speedhome-color {
    background: #fedd02;
    background: linear-gradient(156deg, #fedd02 0, rgba(255, 255, 255, 0) 60%);
}
.driveby-color {
    background: #4ca9d2;
    background: linear-gradient(156deg, #4ca9d2 0, rgba(255, 255, 255, 0) 60%);
}
.english3-color {
    background: #357d45;
    background: linear-gradient(156deg, #357d45 0, rgba(255, 255, 255, 0) 60%);
}
.care3-color {
    background: #e67d77;
    background: linear-gradient(156deg, #e67d77 0, rgba(255, 255, 255, 0) 60%);
}
.virujh-color {
    background: #0b9bda;
    background: linear-gradient(156deg, #0b9bda 0, rgba(255, 255, 255, 0) 60%);
}
.eurotm-color {
    background: #26bba0;
    background: linear-gradient(156deg, #26bba0 0, rgba(255, 255, 255, 0) 60%);
}

#portfolio-main img {
    width: 100%}
.tabcontent {
    display: none;
}
#all-project.active {
    display: block;
}
.tablinks.active {
    background-color: #ff284a!important;
    color: #fff;
    background: linear-gradient(326.17deg, #ff7a5c 3.23%, #ff2e53 104.3%);
    box-shadow: 2px 2px 18px rgb(132 0 0 / 30%);
    border-radius: 10px;
    border: 2px solid transparent!important;
}
@media (max-width:1199px) and (min-width:992px) {
    #portfolio-main .project-1 {
    padding: 60px 0;
}
}@media (max-width:991px) {
    #portfolio-main .pjt-left {
    padding-right: 0;
}
#portfolio-main .pjt-right {
    padding-left: 0;
}
#portfolio-main .project-img {
    margin-bottom: 50px;
}
#portfolio-main .pjt-title, #portfolio-main .platform, #portfolio-main .project-name {
    text-align: left!important;
}
#portfolio-main .w-100 {
    width: 100%}
}@media (max-width:480px) {
    #portfolio-main .viw-btn {
    width: auto;
}
}@media (max-width:425px) {
    .portfolio-details-section .tab-content .mobile-box {
    display: contents;
}
.portfolio-details-section .tab-content .mobile-box .project-text {
    padding: 0!important;
}
.portfolio-details-section .project-1 .row {
    justify-content: flex-start!important;
}
.portfolio-details-section .project-1 .project-img {
    margin: 0 auto;
    margin-bottom: 25px!important;
}
}@media (max-width:408px) {
    #portfolio-main.tab-hdr-content li:last-child {
    margin-top: 15px;
}
}@media (max-width:321px) {
    #portfolio-main.tab-hdr-content li:nth-child(3) {
    margin-top: 15px;
}
}