.contant02-text{
    margin-top: 50px;
}
.contant02-text h1{
    color: black;
    font-size: 40px;
    font-weight: 400;
}
.contant02-text p{
    color: black;
    font-size: 16px;
    font-weight: 400;
}
img.b-p {
    position: absolute;
    width: 27%;
    right: -3px;
    top: 50px;
}
.adons p {
    padding: 10px 0 0 0;
    font-size: 13px;
    font-weight: 700;
    color: #fbfbfb;
    text-align: center;
}
 .package-wrapper.bst-selr:after {
    content: "BEST SELLER";
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    padding: 7px 5px;
    text-indent: 35px;
    display: block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(47deg);
    height: 38px;
    width: 179px;
    background-color: red;
    position: absolute;
    border: 2px solid #b70000;
    box-shadow: 2px 1px 7px -1px #b70000;
    right: -41px;
    top: 17px;
}
 @font-face {
  font-family: 'icomoon';
  src:  url('../images/icomoon8f4a.eot?tafxk1');
  src:  url('../images/icomoon8f4a.eot?tafxk1#iefix') format('embedded-opentype'),
    url('../images/icomoon8f4a.ttf?tafxk1') format('truetype'),
    url('../images/icomoon8f4a.woff?tafxk1') format('woff'),
    url('../images/icomoon8f4a.svg?tafxk1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.custom-website-design-development-page .ticklist2 li:before {
    color: #21ae59;
}
.custom-website-design-development-page .ticklist2 li:before {
    color: #21ae59;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chat:before {
  content: "\e977";
}
.icon-a2new:before {
  content: "\e973";
}
.icon-a4new:before {
  content: "\e974";
}
.icon-brandingnew:before {
  content: "\e975";
  color: #4c4c4c;
}
.icon-research:before {
  content: "\e976";
  color: #4c4c4c;
}
.icon-a1:before {
  content: "\e967";
}
.icon-a2:before {
  content: "\e968";
}
.icon-a3:before {
  content: "\e969";
}
.icon-a4:before {
  content: "\e96a";
}
.icon-a5:before {
  content: "\e96b";
}
.icon-a6:before {
  content: "\e96c";
}
.icon-branding:before {
  content: "\e96d";
  color: #4c4c4c;
}
.icon-critical:before {
  content: "\e96e";
  color: #4c4c4c;
}
.icon-formatting:before {
  content: "\e96f";
  color: #4c4c4c;
}
.icon-genuine:before {
  content: "\e970";
  color: #4c4c4c;
}
.icon-guarantee:before {
  content: "\e971";
  color: #4c4c4c;
}
.icon-researching:before {
  content: "\e972";
  color: #4c4c4c;
}
.icon-pinterest-p:before {
  content: "\e966";
}
.icon-instagram:before {
  content: "\e963";
}
.icon-vimeo:before {
  content: "\e964";
}
.icon-medium:before {
  content: "\e965";
}
.icon-check-circle:before {
  content: "\e962";
}
.icon-youtube:before {
  content: "\e960";
}
.icon-envelope-o:before {
  content: "\e927";
}
.icon-star-half-empty:before {
  content: "\e928";
}
.icon-star-half-full:before {
  content: "\e928";
}
.icon-star-half-o:before {
  content: "\e928";
}
.icon-star-o:before {
  content: "\e929";
}
.icon-star:before {
  content: "\e92a";
}
.icon-home3:before {
  content: "\e92b";
}
.icon-user:before {
  content: "\e92c";
}
.icon-instagram2:before {
  content: "\e92d";
}
.icon-linkedin-square:before {
  content: "\e92e";
}
.icon-linkedin:before {
  content: "\e92f";
}
.icon-google-plus-square:before {
  content: "\e930";
}
.icon-google-plus:before {
  content: "\e931";
}
.icon-youtube-play:before {
  content: "\e932";
}
.icon-youtube-square:before {
  content: "\e933";
}
.icon-twitter-square:before {
  content: "\e934";
}
.icon-twitter:before {
  content: "\e935";
}
.icon-facebook-square:before {
  content: "\e936";
}
.icon-facebook:before {
  content: "\e937";
}
.icon-facebook-f:before {
  content: "\e937";
}
.icon-commenting-o:before {
  content: "\e938";
}
.icon-comment-o:before {
  content: "\e939";
}
.icon-caret-right:before {
  content: "\e93a";
}
.icon-caret-left:before {
  content: "\e93b";
}
.icon-caret-up:before {
  content: "\e93c";
}
.icon-caret-down:before {
  content: "\e93d";
}
.icon-quote-right:before {
  content: "\e93e";
}
.icon-quote-left:before {
  content: "\e93f";
}
.icon-arrow-circle-down:before {
  content: "\e940";
}
.icon-arrow-circle-up:before {
  content: "\e941";
}
.icon-arrow-circle-right:before {
  content: "\e942";
}
.icon-arrow-circle-left:before {
  content: "\e943";
}
.icon-map-marker3:before {
  content: "\e944";
}
.icon-mobile2:before {
  content: "\e945";
}
.icon-mobile-phone:before {
  content: "\e945";
}
.icon-phone2:before {
  content: "\e946";
}
.icon-envelope2:before {
  content: "\e947";
}
.icon-globe:before {
  content: "\e948";
}
.icon-minus:before {
  content: "\e949";
}
.icon-plus:before {
  content: "\e94a";
}
.icon-chevron-circle-down:before {
  content: "\e94b";
}
.icon-chevron-circle-up:before {
  content: "\e94c";
}
.icon-chevron-circle-right:before {
  content: "\e94d";
}
.icon-chevron-circle-left:before {
  content: "\e94e";
}
.icon-chevron-right:before {
  content: "\e94f";
}
.icon-chevron-left:before {
  content: "\e950";
}
.icon-chevron-down:before {
  content: "\e951";
}
.icon-chevron-up:before {
  content: "\e952";
}
.icon-plus-square-o:before {
  content: "\e953";
}
.icon-minus-square-o:before {
  content: "\e954";
}
.icon-angle-down:before {
  content: "\e955";
}
.icon-angle-up:before {
  content: "\e956";
}
 .tabs-web-portalzzz.mytabs {
   display: none
}


.tabs-web-portalzzz.mytabs.current {
   display: block
}

.tabs-seopackages.mytabs {
   display: none
}

.tabs-seopackages.mytabs.current {
   display: block
}

.tabs-2d3dillust.mytabs {
   display: none
}

.tabs-2d3dillust.mytabs.current {
   display: block
}

.tabs-2d3dillustrationn.mytabs.port-sec {
   display: none
}

.tabs-2d3dillustrationn.mytabs.port-sec.current {
   display: block
}
.tabs-ebook,
.tabs-editing-proofreading,
.tabs-web-content-writing,
.tabs-blog-writing,
.tabs-press-release,
.tabs-product-description,
.tabs-product-review,
.tabs-product-maintenance-securitie,
.tabs-product-video-animation,
.tabs-custom-video-animation-packages,
.tabs-web-maintenance-securities-packages,
.tabs-creative-content-writing-packages,
.tabs-marketing-services-packages,
.tabs-mobile-applications-packages,
.tabs-custom-web-packages,
.tabs-branding-stationery-packages,
.tabs-custom-logo-design-packages,
.tabs-packages-all,
.tabs-packages-inner-ser1,
.tabs-packages-inner-ser2,
.tabs-eCommerce-packages,
.tabs-book-writing,
.tabs-web-content-video {
   display: none
}

.tabs-ebook.current,
.tabs-editing-proofreading.current,
.tabs-web-content-writing.current,
.tabs-blog-writing.current,
.tabs-press-release.current,
.tabs-product-description.current,
.tabs-product-review.current,
.tabs-product-maintenance-securitie.current,
.tabs-product-video-animation.current,
.tabs-custom-video-animation-packages.current,
.tabs-web-maintenance-securities-packages.current,
.tabs-creative-content-writing-packages.current,
.tabs-marketing-services-packages.current,
.tabs-mobile-applications-packages.current,
.tabs-custom-web-packages.current,
.tabs-branding-stationery-packages.current,
.tabs-custom-logo-design-packages.current,
.tabs-packages-all.current,
.tabs-packages-inner-ser1.current,
.tabs-packages-inner-ser2.current,
.tabs-eCommerce-packages.current,
.tabs-book-writing.current,
.tabs-web-content-video.current {
   display: inline-block;
   width: 100%
}

     .custom-website-design-development-page .package-wrapper {
   background-color: #fff;
   box-shadow: 0 5px 20px 9px rgb(207 207 207 / .39);
   border-radius: 5px;
   z-index: 9;
   position: relative;
}
.package-item .heading {
   text-align: center;
}
.heading h2 {
   color: #000;
   font-size: 21px;
   line-height: 1.1;
   font-weight: 600;
   padding: 0;
}
.custom-website-design-development-page .heading h2 span {
   color: #000;
    display: block;
}
.tab-sec p {
   color: #000;
   font-size: 15px;
   width: 95%;
   margin: auto;
   font-weight: 400;
   text-align: center;
}
.pkge-prce p span {
   text-decoration: line-through;
   color: #b5b5b5;
}
.package-item .old-price {
   font-weight: 600;
   color: #e9720b;
   font-size: 37px;
   font-family: 'Poppins', sans-serif;
   line-height: 65px;
   margin-bottom: 0;
   position: relative;
   transition: .5s all;
   text-align: center;
}
.custom-website-design-development-page .old-price span {
   color: #000;
}
.package-wrapper .package-item .list {
   color: #fff;
   padding: 25px 0 5px 0;
   font-size: 16px;
   clear: both;
}
.actions {
   padding-top: 15px;
   margin-top: 15px;
   text-align: center;
   position: relative;
}
.custom-website-design-development-page .package-wrapper {
   background-color: #fff;
   box-shadow: 0 5px 20px 9px rgb(207 207 207 / .39);
   border-radius: 5px;
}
.package-wrapper {
  padding: 40px 12px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 5px 20px 9px rgb(207 207 207 / .39);
  /* box-shadow: 0 5px 15px #0000000d; */
  font-family: 'Poppins', sans-serif;
  position: relative;
  z-index: 1;
  transition: .5s all;
  margin-bottom: 30px;
  text-align: center;
  border-radius: 16px;
  overflow: hidden;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 0;
  transition: box-shadow 300ms ease 0ms, box-shadow 300ms ease 0ms, box-shadow 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;
  transition: all .2s ease-in-out;
  position: relative;
}
.package-item .list ul {
   max-height: 225px;
}
.custom-website-design-development-page .actions a span small {
   color: #000;
}
.custom-website-design-development-page .actions a span small {
   color: #000;
}
.actions a span small {
   display: block;
   font-size: 13px;
   line-height: normal;
   color: #000;
   font-weight: 700;
}
.ticklist2.list-scroll {
   height: 176px;
}
.mCustomScrollbar {
   -ms-touch-action: none;
   touch-action: none;
}
.mCustomScrollBox {
   position: relative;
   overflow: hidden;
   height: 100%;
   max-width: 100%;
   outline: none;
   padding: 0 10px;
   direction: ltr;
}
.mCSB_container {
   overflow: hidden;
   width: auto;
   height: auto;
}
.custom-website-design-development-page .package-item .list ul li {
   color: #4f4f4f;
}
.package-item .list ul li {
   font-size: 15px;
   color: #000;
   padding-left: 25px;
   position: relative;
   line-height: 2.1;
   font-size: 14px;
   color: #000;
   font-weight: 400;
   font-family: 'Poppins', sans-serif;
   text-align: start;
}


.custom-website-design-development-page .ticklist2 li:before {
   color: #21ae59;
}
.ticklist2 li:before {
   content: "\e91a";
   position: absolute;
   font-family: 'icomoon' !important;
   font-size: 13px;
   color: #909090;
   left: 0;
   top: 2px;
}
.mCSB_scrollTools {
   opacity: 0.75;
   filter: "alpha(opacity=75)";
   -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
   -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
   -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
   transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools {
   position: absolute;
   width: 16px;
   height: auto;
   left: auto;
   top: 0;
   right: 0;
   bottom: 0;
}
.mCSB_scrollTools .mCSB_buttonUp {
   background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
   background-image: url();
   background-repeat: no-repeat;
   opacity: 0.4;
   filter: "alpha(opacity=40)";
   -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
   display: block;
   position: absolute;
   height: 20px;
   width: 100%;
   overflow: hidden;
   margin: 0 auto;
   cursor: pointer;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
   margin: 0 -11px 20px 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   height: auto;
}
.mCSB_scrollTools .mCSB_dragger {
   cursor: pointer;
   width: 100%;
   height: 30px;
   z-index: 1;
}
.package-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background: #99999940;
}
.mCSB_scrollTools .mCSB_draggerRail {
   width: 2px;
   height: 100%;
   margin: 0 auto;
   -webkit-border-radius: 16px;
   -moz-border-radius: 16px;
   border-radius: 16px;
}
.chat-con {
   overflow: hidden;
   padding: 15px 0 0 0;
}
.chat-con ul li {
   display: inline-block;
   width: 100%;
   text-align: center;
   margin: 0;
   color: #fff;
}
.chat-con ul li.pkge-ordr a {
   background-color: #e9720b;
   color: #fff;
   font-size: 16px;
   border: 1px solid #e9720b;
   padding: 14px 30px;
   border-radius: 30px;
   display: inline-block;
   font-weight: 600;
   width: 100%;
}
a.vdbuttn {
   text-align: center;
   margin: 11px 0 0 0;
   background: #000;
   color: #fff;
   font-size: 16px;
   border: 1px solid #cbcbcb;
   padding: 14px 30px;
   border-radius: 30px;
   display: inline-block;
   font-weight: 600;
   width: 100%;
}
.actions {
   padding-top: 15px;
   margin-top: 15px;
   text-align: center;
   position: relative;
}
.actions a span {
   font-size: 13px;
   font-weight: 700;
   color: #e9720b;
}
.custom-website-design-development-page .actions a span small {
   color: #000;
}
.clearfix::after {
   display: block;
   clear: both;
   content: "";
}
.main-tbing-sec ul.tbing li {
   transition: all 700ms;
   display: inline-block;
   padding: 9px 12px;
   cursor: pointer;
   text-transform: capitalize;
   font-size: 14px;
   color: #9a9a9a;
   font-weight: 600;
   border: 1px solid #d4d4d4;
   margin: 10px 3px 5px 3px;
   border-radius: 5px;
   font-family: 'Poppins', sans-serif;
}
.btn-hvr .package-wrapper:hover {
   transform: scale(1.03);
   -moz-transform: scale(1.03);
   -o-transform: scale(1.03);
   -ms-transform: scale(1.03);
   -webkit-transform: scale(1.03);
   box-shadow: 0 1px 17px 10px rgb(0 0 0 / .06);
   -webkit-box-shadow: 0 1px 17px 10px rgb(0 0 0 / .06);
   -o-box-shadow: 0 1px 17px 10px rgb(0 0 0 / .06);
   -ms-box-shadow: 0 1px 17px 10px rgb(0 0 0 / .06);
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   background: #e9720b;
}
.main-tbing-sec ul.tbing li.current {
   transform: translateY(-.625rem);
   transition: all 700ms;
   color: #fff;
   border: 1px solid #fff;
   background: #e9720b;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a7ee5',endColorstr='#1169cd',GradientType=1);
}
.btn-hvr .package-wrapper:hover .heading h2 {
   color: #fff;
}
.custom-website-design-development-page .package-wrapper:hover .old-price span {
   color: #fff;
}

.custom-website-design-development-page .package-wrapper:hover .package-item .list ul li {
   color: #fff;
}
.custom-website-design-development-page .package-wrapper:hover .ticklist2 li:before {
   color: #fff;
}
.package-wrapper:hover .chat-con ul li.pkge-ordr a {
   background-color: #fff;
   color: #000;
}
.custom-website-design-development-page .package-wrapper:hover .actions a span small {
   color: #fff;
}
.custom-website-design-development-page .package-wrapper:hover .actions a span small {
   color: #fff;
}
.package-wrapper:hover .actions a span small{
    color:#fff;
}
section.tab-sec.main-tbing-sec {
    background: #f8f7fd;
    overflow: hidden;
}

.btn-hvr .package-wrapper:hover li {
    color: #fff;
}

.btn-hvr .package-wrapper:hover span {
    color: #fff;
}

.package-wrapper:hover a.vdbuttn {
    color: #fff;
}

.flsevce h3 {
    font-size: 45px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 22px;
}

.flsevce p {
    margin: 0 auto;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding-bottom: 17px;
}
h2.pkge-name span {
    display: block;
}








.cta,
.our-work,
.det-packages,
.bigpackage,
.clients-sec,
.footer-form {
    display: none;
}

.combo-package {
    position: relative;
    background-color: #efeeee;
}
.our-prestigious{
    display:none
}
.spacing__x {
    padding: 140px 0 50px;
}

.package-details h5 {
    font-weight: 700;   
}

.package-details h5 {
    color: black;
    font-size: 50px;
    font-weight: 900;
    margin-bottom: 10px;
}

.package-details p {
    font-size: 24px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 30px;
}

.header {
    padding: 0.5rem 3rem 0;
    background: black;
}

.combo-package nav ul li a {

    color: var(--white-color) !important;

}

.head h5 {
    font-size: 32px;
    margin: 0;
}

.package-details .item-list {
    margin-bottom: 0;
}

.package-details .col-lg-8 col-md-6 col-lg-8 col-sm-12 {
    background: #f9f9f9;
    border-radius: 7px;
    padding: 20px 29px 0;
    box-shadow: 1px 2px 17px #7f7f7f26;
}

.item-list ul {
    height: 445px;
    overflow-y: scroll;
    margin: 10px 0 0;
}
.package-details .item-list ul .heading {
    font-weight: 800;
}

.package-details .item-list ul li {
    color: #333333;
    font-size: 16px;
    padding: 22px 0;
    border-bottom: 1px solid #8ac346;
    width: 95%;
}

.package-details .item-list ul li i {
    color: #8ac346;
    font-weight: 600;
    margin-right: 4px;
}

.combo-box-pack {
    position: relative;
    border-radius: 10px;
    border: 2px solid var(--primary-color);
    box-shadow: 0px 0px 20px 3px #cccccc;
}

.combo-box-pack::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    transition: all 0.3s ease-in-out;
    background: #db1e5a;
    background: -moz-linear-gradient(-45deg, #db1e5a 0%, #1d1a42 100%);
    background: -webkit-linear-gradient(-45deg, #db1e5a 0%, #1d1a42 100%);
    background: linear-gradient(135deg, #96be4d 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db1e5a', endColorstr='#1d1a42', GradientType=1);
}

.combo-box-pack .info {
    padding: 35px 20px 20px;
    text-align: center;
}

.combo-box-pack .title {
    margin-bottom: 20px;
}

.combo-box-pack * {
    position: relative;
}

.combo-box-pack .title h3 {
    font-weight: 700;
    margin-bottom: 32px;
    font-size: 25px;
    line-height: 37px;
    color: #fff;
}

.combo-box-pack .price {
    display: flex;
    align-items: center;
    justify-content: center;
}

.combo-box-pack .price h3 {
    color: #fff;
    font-size: 58px;
    font-weight: 700;
    margin: 0;
}

.package-details h3 {
    font-size: 133px;
    font-weight: 900;
    line-height: 0.75;
}

.combo-box-pack .details {
    padding: 35px 20px;
}

.details p {
    font-size: 15px !important;
    color: #ffffff !important;
    text-align: center !important;
}

.package-details p {
    font-size: 24px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 30px;
}

.combo-box-pack .details ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.combo-box-pack .details ul li:first-child {
    text-align: right;
}

.combo-box-pack .details ul li {
    color: #fff;
    position: relative;
}

.combo-box-pack .details ul li:last-child {
    text-align: left;
}

.combo-box-pack .details ul li+li {
    padding-left: 20px;
}

.combo-box-pack .details ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.combo-box-pack{
    background:#96be4d;
}
.combo-box-pack {
    position: relative;
    border-radius: 10px;
    border: 2px solid #96be4d;
    box-shadow: 0px 0px 20px 3px #cccccc;
}
.combo-box-pack .details ul li+li::before {
    content: '';
    position: absolute;
    left: 10px;
    height: 100%;
    width: 2px;
    background-color: #fff;
}

.combo-box-pack .details ul li a span {
    font-size: 14px;
    display: block;
    font-weight: 400;
}

.btn-style-2 {
    cursor: pointer;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
    padding: 11px 30px 11px 30px;
    z-index: 1;
    font-family: 'Poppins';
    background: #000;
}

.btn-style-2:hover {
    color: white;
}

.item-list ul::-webkit-scrollbar {
    width: 7px;
}

.item-list ul li span {
    font-size: 25px;
    font-weight: 700;
    color: black;
    line-height: 35px;
}


.sec-cs .tab-pill {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    padding: 20px 0;
}


.sec-cs .tab-pill li {
    text-align: center;
    margin: 5px 10px;
    min-width: 9rem;
    white-space: nowrap;
    font-size: 14px;
    width: auto;
    cursor: pointer;
    transition: .15s all linear
}

.sec-cs .tab-pill li a.active,
.sec-cs .tab-pill li a:hover {
    background: #96be4d;
    color: #fff;
    border-color: #96be4d;
}

.sec-cs .tab-pill li.active a.active,
.sec-cs .tab-pill li:hover a {
    color: #fff;
    text-decoration: none
}

.sec-cs .tab-pill li a {
    color: #96be4d;
    text-transform: capitalize;
    display: block;
    padding: 7px 30px;
    border: 1px solid #96be4d;
    border-radius: 25px
}

.workList {
    list-style: none;
    padding: 0;
    margin: 0 -7px;
    display: flex;
    flex-wrap: wrap
}

.workList li {
    padding: 7px;
    width: 25%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align: center;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center
}

.workList li img {
    width: 100%;
    transition: .15s transform;
    transform: scale(1);
    margin: 0 auto;
    max-width: 100%;
    height: 343px;
    object-fit: cover;
}

.workList li:hover img {
    transform: scale(1.2)
}
iv#pk7 .workList li img {
    height: auto;
}

.workList li a {
    text-decoration: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    font-size: 2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    background: 0;
    transition: .15s all linear
}

.workList li:hover a {
    background: rgb(33 49 94 / 50%);
    color: #fff
}

.sec-cs .tab-content {
    display: none
}

.middle-nav+.sec-cs .tab-content {
    display: block;
    background: #fff
}

.tab-content.current {
    display: block
}

.sec-cs .tabs {
    list-style: none;
    margin: 30px 0 50px;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 96%;
    flex-wrap: wrap
}

.sec-cs .tabs li {
    margin: 5px 10px;
    padding: 7px 30px;
    border: 1px solid #d8d8d8;
    color: #96be4d;
    border-radius: 25px;
    min-width: 9rem;
    white-space: nowrap;
    font-size: 14px;
    width: auto;
    cursor: pointer;
    transition: .15s all linear
}

.tabs li.current,
.tabs li:hover {
    background: #96be4d;
    color: #fff;
    border-color: #96be4d
}



section.pg.glimpse h2 {
    font-size: 45px;
    font-weight: bold;
    color: #000;
}

section.pg.glimpse {
    background: url(https://www..com/assets/images/hportfolio-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}


section.pg.glimpse .port-title{
    position: absolute;
    right: 16%;
    top: auto;
    bottom: 0;
    transform: rotate(-90deg) translate(13%,100%);
    color: #e7e7e7;
    font-size: 5.93rem;
    z-index: 0;
    height: 350px;
    overflow: hidden;
    font-size: 80px;
}


ul.cta-li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.cta ul li:first-child a i {
    transform: rotate(90deg);
}

.cta ul li a i {
    color: #96be4d;
}