@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
    --thm-base:#FFDB59;
	--thm-light:#F0EBE3;
	--thm-second:#FF7D61;
	--thm-dark:#0F141C;
}

header .top-navbar_full .back-btn img{width:300px}
.section-main .media-main div a i{color:#fff}
.section-main .media-main div a:hover i{z-index: 3;}
.about-area#section-two .self-taught {font-size: 22px;line-height: 33px;}
.section-three .methodology-box-main-col{margin-bottom: 20px;}
.section-three .methodology-box-main{height: 100%;}
.section-three .methodology-box-main svg{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(310deg) brightness(111%) contrast(102%);
	width:80px;
	height:80px;
}
.section-three  .methodology-box-main:hover svg {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7499%) hue-rotate(197deg) brightness(88%) contrast(100%);
}
.section-three .methodology-box-main h2 a{color: var(--thm-base);}
.section-three .methodology-box-main:hover h2 a{color: var(--thm-second);}
.home-banner{
	background-image:url("../images/bg1.jpg");
	height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#portfolyo .effect-milo img{height:400px;object-fit:cover;width:100%}
#home-blog .new-img-box-main .need-blog{font-size: 25px;line-height: 30px;}
#home-blog .new-img-box-main .need-blog a{color:#fff}
#home-blog .new-img-box-main:hover .need-blog a{color: var(--thm-base)}
#worked_box .client-img-main img{width:48px;height:48px;object-fit:cover;border: 2px solid #fff;}
.get-touch-box-main .social-links{
	display:flex;
    margin-top:20px
}
.get-touch-box-main .social-links li{
    background:var(--thm-base);
    width:40px;
    height:40px;
    border-radius: 50%;
    line-height: 35px;
    padding:5px;
    margin-right: 10px;
    list-style:none;
    text-align:center;
}
.get-touch-box-main .social-links a{
    font-size:17px;
    color:var(--thm-dark);
}
form input.explore-btn{
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.3s;
    text-align: center;
    color: var(--9, #FFDB59);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 2px;
    border: 2px solid #FFDB59;
    border-radius: 32px;
    padding: 10px 20px;
    transition: 0.2s;
}
form input.explore-btn:hover{
    background:var(--thm-base);
	color:#fff
}
#icerik-detay{margin-bottom:50px}
#icerik-detay .haber p{
	color: var(--14, #909090);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
	margin-bottom:10px
}
#icerik-detay .haber h4{
    margin-bottom:10px;
    color:var(--thm-base);
}
#icerik-detay .haber h3{
    margin-bottom:10px;
    color:var(--thm-second);
}
#icerik-detay .haber p strong{
    color:var(--thm-light);
}
#haberlist .blog8-col-main .blog-text-section .ozel-btn{color:var(--thm-base)}
#haberlist .blog8-col-main:hover .blog-text-section .ozel-btn{color:var(--thm-second)}
#haberlist .list-blog-main img{width:500px;}
#haberlist .list-blog-main .steps a{color:#fff;}
#haberlist .list-blog-main:hover .steps a{color:var(--thm-base);}

.section-awards .flip-box-front svg{width:50px;height:50px;margin-bottom:20px}
.bg-color-1{background: var(--5, #171B22);}
.section-three.bg-color-1 .methodology-box-main {background: var(--thm-dark);}
.section-three.bg-color-1 .methodology-box-main:hover {background:#fff;}
.section-main h1.JessicaBiogi mark {
    padding: 0;
    background: var(--13, linear-gradient(90deg, var(--thm-second) 0%, var(--thm-base) 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 10s infinite linear;
}
#portfolyo form input{background-color: #e9d694;color: var(--thm-dark); border: 2px solid #e9d694c9;}
#portfolyo select {
    border-radius: 8px;
    background-color: #e9d694;
    border: none;
    width: 100%;
    height: 56px;
    padding: 16px 20px;
    color: var(--thm-dark);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border: 2px solid #e9d694c9;
}
#portfolyo form .blog-form {gap: 0;}
#portfolyo form input::placeholder {
  color: var(--thm-dark);
}
#portfolyo-detay .main .card-image { padding-top: 100%;}
#portfolyo-detay .other-services-main .project-details-main p a{color:#fff}
#portfolyo-detay .other-services-main .project-details-main:hover p a{color:var(--thm-base)}
.hakkimizda#icerik-detay .haber p {
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px;
	    text-align: left;
}