.tab button.active {
     box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
     font-weight: 700;
     border: none;
 }

 .tab button.active img {
     transition: 0.8s;
     transform-style: preserve-3d;
     transform: rotateY(360deg);
 }

 .tab button.active #greenicon {
     display: block;
 }

 .tab button.active #greenicondouble {
     display: block;
 }

 .tab button.active #griicon {
     display: none;
 }

 .cevreiconhover {
     width: 50px;
     height: 50px;
     background: url('/assets/images/cevre-hover.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .cevreiconhover:hover {
     width: 50px;
     height: 50px;
     background: url('/assets/images/cevre.png');
     background-repeat: no-repeat;
     background-size: contain;
 }


 .insaniconhover {
     width: 50px;
     height: 50px;
     background: url('/assets/images/insan-hover.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .insaniconhover:hover {
     width: 50px;
     height: 50px;
     background: url('/assets/images/insan.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .toplumiconhover {
     width: 50px;
     height: 50px;
     background: url('/assets/images/toplum-hover.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .toplumiconhover:hover {
     width: 50px;
     height: 50px;
     background: url('/assets/images/toplum.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .isiconhover {
     width: 50px;
     height: 50px;
     background: url('/assets/images/is-hover.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .isiconhover:hover {
     width: 50px;
     height: 50px;
     background: url('/assets/images/is.png');
     background-repeat: no-repeat;
     background-size: contain;
 }


 .center {
     justify-content: center;
 }

 .tabcontent {
     box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
     background-color: white;
 }

 .cardheight {
     min-height: 700px;
     background-size: contain;
 }

 .wrapper {
     max-width: 1100px;
     width: 100%;
     position: relative;
 }

 .wrapper i {
     top: -2%;
     height: auto;
     width: 50px;
     cursor: pointer;
     font-size: 1.25rem;
     position: absolute;
     text-align: center;
     line-height: 50px;
     transform: translateY(-50%);
     transition: transform 0.1s linear;
 }

 .wrapper i:active {
     transform: translateY(-50%) scale(0.85);
 }

 .wrapper i:first-child {
     right: 72px;
     background-color: #f6f6f6;
     padding: 10px;
 }

 .wrapper i:last-child {
     right: 20px;
     background-color: #f6f6f6;
     padding: 10px;
 }

 .wrapper .carousel {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: calc((100% / 3) - 12px);
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     gap: 16px;
     border-radius: 8px;
     scroll-behavior: smooth;
     scrollbar-width: none;
 }

 .carousel::-webkit-scrollbar {
     display: none;
 }

 .carousel.no-transition {
     scroll-behavior: auto;
 }

 .carousel.dragging {
     scroll-snap-type: none;
     scroll-behavior: auto;
 }

 .carousel.dragging .card {
     cursor: grab;
     user-select: none;
 }

 .carousel :where(.card, .img) {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .carousel .card {
     scroll-snap-align: start;
     height: 342px;
     list-style: none;
     background: transparent;
     cursor: pointer;
     padding-bottom: 15px;
     flex-direction: column;
     border-radius: 8px;
 }

 .carousel .card .img {
     background: #8B53FF;
     height: 148px;
     width: 148px;
     border-radius: 50%;
 }

 .card .img img {
     width: 140px;
     height: 140px;
     border-radius: 50%;
     object-fit: cover;
     border: 4px solid #fff;
 }

 .carousel .card h2 {
     font-weight: 500;
     font-size: 1.56rem;
     margin: 30px 0 5px;
 }

 .carousel .card span {
     color: #6A6D78;
     font-size: 1.31rem;
 }


 .wrapperAwards {
     max-width: 1100px;
     width: 100%;
     position: relative;
 }

 .wrapperAwards i {
     top: -2%;
     height: auto;
     width: 50px;
     cursor: pointer;
     font-size: 1.25rem;
     position: absolute;
     text-align: center;
     line-height: 50px;
     transform: translateY(-50%);
     transition: transform 0.1s linear;
 }

 .wrapperAwards i:active {
     transform: translateY(-50%) scale(0.85);
 }

 .wrapperAwards i:first-child {
     right: 72px;
     background-color: #f6f6f6;
     padding: 10px;
 }

 .wrapperAwards i:last-child {
     right: 20px;
     background-color: #f6f6f6;
     padding: 10px;
 }

 .wrapperAwards .carouselAwards {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: calc((100% / 3) - 12px);
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     gap: 16px;
     border-radius: 8px;
     scroll-behavior: smooth;
     scrollbar-width: none;
 }

 .carouselAwards::-webkit-scrollbar {
     display: none;
 }

 .carouselAwards.no-transition {
     scroll-behavior: auto;
 }

 .carouselAwards.dragging {
     scroll-snap-type: none;
     scroll-behavior: auto;
 }

 .carouselAwards.dragging .cards {
     cursor: grab;
     user-select: none;
 }

 .carouselAwards :where(.cards, .img) {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .carouselAwards .cards {
     scroll-snap-align: start;
     height: 342px;
     list-style: none;
     background: transparent;
     cursor: pointer;
     padding-bottom: 15px;
     flex-direction: column;
     border-radius: 8px;
 }

 .carouselAwards .cards .img {
     background: #8B53FF;
     height: 148px;
     width: 148px;
     border-radius: 50%;
 }

 .cards .img img {
     width: 140px;
     height: 140px;
     border-radius: 50%;
     object-fit: cover;
     border: 4px solid #fff;
 }

 .carouselAwards .cards h2 {
     font-weight: 500;
     font-size: 1.56rem;
     margin: 30px 0 5px;
 }

 .carouselAwards .cards span {
     color: #6A6D78;
     font-size: 1.31rem;
 }

 .blog-cover-image {
     height: 224px;
 }

 .translate-button {
     margin-right: 10px;
     padding-top: 4px;
     ;
 }

 @media screen and (max-width: 900px) {
     .wrapper .carousel {
         grid-auto-columns: calc((100% / 2) - 9px);
     }

     .infografic {
         width: 40%;
         padding-top: 5%;
     }

     .hidden-mobile-icon {
         display: none;
     }

     .tab button.active #griicon {
         display: none;
     }
 }

 @media screen and (max-width: 600px) {
     .wrapper .carousel {
         grid-auto-columns: 100%;
     }

     .infografic {
         width: 40%;
         padding-top: 5%;
     }

     .hidden-mobile-icon {
         display: none;
     }

     .tab button.active #greenicondouble {
         display: none;
     }
 }

 #card4neden {
     box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
     padding: 100px 0px;
 }

 #card4nedentitle {
     box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
     padding: 40px 0px;
 }

 .awards-cover-image {
     box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
     padding: 45px 15px;
     margin-bottom: 20px;
 }