body {            font-family: 'Arial', sans-serif;            margin: 0;            padding: 0;            background-color: #f8f8f8;            color: #444;        }        header {                        color: white;            padding: 15px 0;            text-align: center;            clip-path: ellipse(100% 80% at 50% 20%);            position: relative;        }            #breadcrumb            {               background: #ecf0f1;            padding: 5px 20px;            border-radius: 15px;            box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);                        }            .breadcrumb {       display: flex;    flex-wrap: wrap;    margin-bottom: 1rem;    padding: 0px;    list-style: none;    gap: 0.5rem;}   .breadcrumb li {    margin: 5px;}.banner-button {max-width: 500px;width: 100%;margin: 0 auto;}.banner-button a {display: block;padding: 18px 40px;background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);color: #000;text-align: center;font-size: 18px;font-weight: 700;text-decoration: none;border-radius: 50px;box-shadow: 0 8px 20px rgba(255, 215, 0, 0.4);transition: all 0.4s ease;text-transform: uppercase;letter-spacing: 1px;position: relative;overflow: hidden;}.banner-button a::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.5);transform: translate(-50%, -50%);transition: width 0.6s, height 0.6s;}.banner-button a:hover::before,.banner-button a:focus::before {width: 400px;height: 400px;}.banner-button a:hover,.banner-button a:focus {transform: translateY(-4px) scale(1.02);box-shadow: 0 12px 30px rgba(255, 215, 0, 0.6);} article img{    width:100% !important;}#about img{     width:100% !important;}.breadcrumb-item+.breadcrumb-item::before {    float: left;    padding-right: 0.5rem;    color: #6c757d;    content: "/";}.breadcrumb-item+.breadcrumb-item {    padding-left: 0.5rem;}.postlist{    list-style: none;    font-size:14px;    color:white;}.postlist > div{    margin-top:15px;    margin-bottom:15px;}.postlist > div a{        font-size:20px;    color:white;}.breadcrumb a {    color: black;}        header h1 {            margin: 0;            font-size: 3em;            font-weight: 700;            text-transform: uppercase;            letter-spacing: 2px;        }        header p {            margin-top: 10px;            font-size: 1.2em;            letter-spacing: 1px;        }        nav {            background-color: #2c3e50;            padding: 15px 0;        }        nav ul {            list-style: none;            display: flex;            justify-content: center;            padding: 0;            margin: 0;        }        nav ul li {            margin: 0 20px;        }        nav ul li a {            color: white;            text-decoration: none;            font-size: 1.1em;            padding: 8px 20px;            border-radius: 30px;            transition: background 0.3s, transform 0.3s;        }        nav ul li a:hover {            background: #1abc9c;            transform: scale(1.1);        }        section {            padding: 80px 20px;            max-width: 1100px;            margin: 0 auto;            margin-bottom: 30px;            background: white;            border-radius: 15px;            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);        }        h1 {    font-size: 2.5em;    margin-bottom: 30px;    color: #2c3e50;    text-align: center;    text-transform: uppercase;    letter-spacing: 1px;}        h2 {            font-size: 1.5em;            margin-bottom: 30px;            color: #2c3e50;            text-align: center;            text-transform: uppercase;            letter-spacing: 1px;        }h3 {            font-size: 1em;            margin-bottom: 30px;            color: #2c3e50;            text-align: center;            text-transform: uppercase;            letter-spacing: 1px;        }        #icerik        {           background: #ecf0f1;            padding: 40px 60px;            border-radius: 15px;            box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);         }         #icerik p {            font-size: 1.2em;            line-height: 1.8em;            color: #666;            text-align: center;            margin: 0;        }        #about {            background: #ecf0f1;            padding: 40px 60px;            border-radius: 15px;            box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);        }#banner {            background: #ecf0f1;            padding: 20px 40px;            border-radius: 15px;            box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);        }        #banner p {            font-size: 1.2em;            line-height: 1.8em;            color: #666;            text-align: center;            margin: 0;        }        #contact h2{            color:white;        }        #about p {            font-size: 1.2em;            line-height: 1.8em;            color: #666;            text-align: center;            margin: 0;        }        #services {            background: linear-gradient(135deg, #1abc9c 0%, #3498db 100%);            color: white;            text-align: center;            padding: 60px 40px;            border-radius: 15px;            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);        }        .service-list {            display: flex;            justify-content: space-between;            flex-wrap: wrap;            gap: 20px;            margin-top: 40px;        }        .service-item {            background: rgba(255, 255, 255, 0.2);            padding: 10px;            border-radius: 10px;            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);            width: 100%;            min-width: 250px;            transition: transform 0.3s;        }        .service-item  a{             color:black;        }                 .service-item:hover {            transform: translateY(-10px);            background: rgba(255, 255, 255, 0.4);        }        .service-item h3 {            font-size: 1em;            margin-bottom: 15px;            color: white;        }        .service-item p {            font-size: 1em;            color: white;            line-height: 1.6em;        }        #team {            background: #34495e;            color: white;            padding: 60px 40px;            text-align: center;            border-radius: 15px;            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);        }.rounded-social-buttons {  text-align: center;}.rounded-social-buttons .social-button {  display: inline-block;  position: relative;  cursor: pointer;  width: 3.125rem;  height: 3.125rem;  border: 0.125rem solid transparent;  padding: 0;  text-decoration: none;  text-align: center;  color: #fefefe;  font-size: 1.5625rem;  font-weight: normal;  line-height: 2em;  border-radius: 1.6875rem;  transition: all 0.5s ease;  margin-right: 0.25rem;  margin-bottom: 0.25rem;}.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {  -webkit-transform: rotate(360deg);      -ms-transform: rotate(360deg);          transform: rotate(360deg);}.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {  font-size: 25px;}.rounded-social-buttons .social-button.facebook {  background: #3b5998;}.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {  color: #3b5998;  background: #fefefe;  border-color: #3b5998;}.rounded-social-buttons .social-button.twitter {  background: #55acee;}.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {  color: #55acee;  background: #fefefe;  border-color: #55acee;}.rounded-social-buttons .social-button.linkedin {  background: #007bb5;}  .rounded-social-buttons .social-button.pinterest {  background: #007bb5;  }.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {  color: #007bb5;  background: #fefefe;  border-color: #007bb5;}.rounded-social-buttons .social-button.youtube {  background: #bb0000;}.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {  color: #bb0000;  background: #fefefe;  border-color: #bb0000;}.rounded-social-buttons .social-button.instagram {  background: #125688;}.notecard {   --note-background: rgb(0 133 242 / 8%);        background-color: rgb(0 133 242 / 7%);    border: 1px solid #c9c9c9;    border-left: 4px solid #067ad9;    border-radius:0.25rem;    box-shadow: 0 1px 2px rgba(43,42,51,.05);    margin: 1rem 0;    text-align: center;    padding: 1rem 1rem 1rem 3rem;    position: relative;}.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {  color: #125688;  background: #fefefe;  border-color: #125688;  }                                     body .tt-app-button {    display: inline-block;    background-color: #3ede85;    color: #fff;    padding: 25px 50px;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px; }    body .tt-app-button:hover {      background-color: #156539; }    .appx{        display: flex;    justify-content: center;    }   div.tt-app-button {    margin-right: 30px; }   div.tt-app-button i {    font-size: 50px; }   div.tt-app-button a {    text-decoration: none;    color: #fff; }   #banner img   {       width:100%;   }   #copyright a{       color:white;   }   div.tt-app-button p {    padding: 0;    color:white !important;    margin: 0;    font-size: 20px;    text-align: left; }   div.tt-app-button-left {    float: left;font-size:50px; }   div.tt-app-button-right {    float: right;    padding-left: 15px; }   div.tt-app-button-right p:nth-child(1) {    font-size: 18px; }   div.tt-app-button-right p:nth-child(2) {    font-weight: bold;    font-size: 26px; }   div.tt-foot-link {    color: #282828;    text-decoration: none;    font-size: 25px;    display: block;    padding-top: 10px; }   div.tt-app-button i {    font-size: 50px;}    div.tt-app-button:hover {       background-color: #156539; }  div.tt-app-button {    margin-right: 30px; }   div.tt-app-button-left > i {    font-size: 50px; }   div.tt-app-button a {    text-decoration: none;    color: #fff; }   div.tt-app-button p {    padding: 0;    margin: 0;    font-size: 20px;    text-align: left; }   div.tt-app-button-left {    float: left; }  div.tt-app-button-right {    float: right;    padding-left: 15px; }   div.tt-app-button-right p:nth-child(1) {    font-size: 18px; }   div.tt-app-button-right p:nth-child(2) {    font-weight: bold;    font-size: 26px; }        .team-member {            display: inline-block;            text-align: center;            width: 30%;            margin: 0 1.5%;            background: rgba(255, 255, 255, 0.2);            padding: 30px;            border-radius: 10px;            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);            transition: transform 0.3s;        }        .team-member:hover {            transform: translateY(-10px);        }        .team-member img {            border-radius: 50%;            width: 120px;            height: 120px;            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);            margin-bottom: 20px;        }        .team-member h3 {            font-size: 1.6em;            color: white;        }        .team-member p {            font-size: 1em;            color: white;            line-height: 1.6em;        }        #contact {            background: #2c3e50;            padding: 60px;            text-align: center;            color: white;            border-radius: 15px;            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);        }        .contact-info {            display: flex;            justify-content: space-around;            flex-wrap: wrap;            margin-top: 40px;        }        .contact-info div {            flex-basis: 30%;            margin-bottom: 20px;            text-align: center;        }        .contact-info div p {            margin: 5px 0;            font-size: 1.2em;            color: white;        }        .cta-button {            display: inline-block;            padding: 15px 30px;            margin-top: 30px;            background-color: #e67e22;            color: white;            text-decoration: none;            border-radius: 5px;            font-size: 1.2em;            transition: background 0.3s, transform 0.3s;        }        .cta-button:hover {            background-color: #d35400;            transform: scale(1.05);        }        footer {            background-color: #2c3e50;            color: #ecf0f1;            text-align: center;            padding: 30px 0;            margin-top: 50px;            border-radius: 0 0 15px 15px;        }        footer p {            margin: 0;            font-size: 1em;        }        @media (max-width: 768px) {            .service-item,            .team-member,            .contact-info div {                width: 100%;            }            nav ul {                flex-direction: column;                gap: 20px;            }            nav ul li a {                padding: 15px;                font-size: 1.3em;            }        }