/*
Theme Name: RiponDigital
Text Domain: ripondigital
Theme URI: https://ripondigital.com/
Author: Ahmet Tekeci
Author URI: https://tekeci.co/
Description: Ripon Digital için özel olarak Ahmet Tekeci tarafından tasarlanmıştır.
Version: 1.0
License: Tekeci.co
License URI: https://tekeci.co/
*/
















/* ---------- Temel ---------- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    background: #000;
}

.site body {
    background-color: #ffffff;
    margin: 0px;
  	font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    color: #000000;

	--w:1px; /* Çizgi Kalınlığı */
  	--n:4;   /* Çizgi Sayısı */
  	background: linear-gradient(90deg, #fff calc(100% - var(--w)), #F5F5F5 0);
  	background-size: calc((100% - var(--n)*var(--w))/(var(--n) + 1) + var(--w)) 100%;
}

.site button,
.site select,
.site form,
.site input {
   font-family: "Plus Jakarta Sans", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    text-wrap:balance;
}

p {
    text-wrap:pretty;
}

section {
    margin: 0px;
    padding: 0px;
    display: flow-root;
}

.site p,
.site ul,
.site ol,
.site dl {
    font-weight: 400;
    line-height: 1.7;
    margin-block-start: 0;
    margin-block-end: 1em;
}

.site p:last-child,
.site ul:last-child,
.site ol:last-child,
.site dl:last-child {
    margin-block-end: 0;
}

.site h1,
.site h2,
.site h3,
.site h4,
.site h5,
.site h6 {
    margin-block-start: 0;
    margin-block-end: 0;
    font-weight: 650;
	color: var(--headline-color); 
}

.site h1 {
    font-size: 56px;
    line-height: 1.1;
	letter-spacing: -1.5px;
}

.site h2 {
    font-size: 48px;
    line-height: 1.05;
}

.site h3 {
    font-size: 24px;
    line-height: 1.3;
}

.site h4 {
    font-size: 20px;
    line-height: 1.3;
}

.site h5 {
    font-size: 16px;
    line-height: 1.3;
}

.site h6 {
    font-size: 14px;
    line-height: 1.3;
}

.site a {
	color: var(--headline-color); 
}

.site p {
	color: var(--base-color); 
}

.site a:link {
    text-decoration: none;
}

:focus {
    outline: 0;
    background: none;
}

:root {
	--primary-color: #3969eb;
	 --primary-color-transparent: rgba(57, 105, 235, 0.04);
	--secondary-color: #264bb7;
	--headline-color: #151e26;
	--base-color: #6d6d6d;
	--border-color: #e5e5e5;
}































.header-bosluk {
	height: 131px;
}

.home .header-bosluk {
	height: 0px;
}

.kapsayici {
	width: 100%;
	max-width: 1240px;
	padding: 0px 20px;
	margin-right: auto;
	margin-left: auto;
}

.kapsayici-fw {
	width: 100%;
	padding: 0px 70px;
	margin-right: auto;
	margin-left: auto;
}

.yazi-butonu {
	display:flex;
	align-items:center;
	gap:12px;
	font-size:14px;
	font-weight:650;
	color: var(--headline-color); 
	background-color: transparent;
	transition: background-color 0.3s ease;
	border-radius:3px;
}

.yazi-butonu:hover {
	color: var(--secondary-color); 
}

.dolgu-butonu {
	display:inline-flex;
	align-items:center;
	gap:12px;
	font-size:14px;
	font-weight:650;
	padding:20px 32px;
	color: #fff !important; 
	background-color: var(--primary-color); 
	transition: background-color 0.3s ease;
	border-radius:2px;
}

.dolgu-butonu:hover {
	background-color: var(--secondary-color); 
}

.dolgu-butonu.light {
	background-color: #fff !important; 
	color: var(--headline-color) !important;
}

.dolgu-butonu.light:hover {
	background-color: #151E26 !important;
	color: #fff !important; 
}



/* Telefon */
@media (max-width: 767px) {
	.kapsayici {
		padding: 0px 30px;
	}

	.kapsayici-fw {
		padding: 0px 30px;
	}

	.telefon-p0 {
		padding: 0px 0px;
	}

	.header-bosluk {
		height: 97px;
	}

	.home .header-bosluk {
		height: 0px;
	}

	.buyuk-buton {
		padding: 16px 32px;
		font-size: 16px;
	}
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {
	.kapsayici {
		padding: 0px 30px;
	}

	.kapsayici-fw {
		padding: 0px 30px;
	}

	.tablet-p0 {
		padding: 0px 0px;
	}

	.header-bosluk {
		height: 97px;
	}

	.home .header-bosluk {
		height: 0px;
	}
}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
	.kapsayici {
		padding: 0px 30px;
	}

	.kapsayici-fw {
		padding: 0px 30px;
	}

	.home .header-bosluk {
		height: 0px;
	}
}































/* ---------- Gizle ---------- */
@media screen and (min-width: 992px) {
    .pc-gizle {
        display: none !important;
    }
}

/* Telefon */
@media (max-width: 767px) {
    .telefon-gizle {
        display: none !important;
    }
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {
    .tablet-gizle {
        display: none !important;
    }
}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .ipadpro-gizle {
        display: none !important;
    }
}














































/* ---------- footer.php ---------- */
.bolum-footer {
	margin-top:120px;
    padding: 100px 0px 0px 0px;
    position: relative;
    background-color: #000000;
}

.bolum-footer .satir-0 {
    margin-top:-240px;
    margin-bottom:100px;
}

.bolum-footer .satir-0 .row {
    background-color: var(--primary-color);
    background-image: url(/wp-content/uploads/2024/08/Mails-CTA-BG-Image.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:60px 0;
    border-radius:8px;
    text-align: center;
}

.bolum-footer .satir-0 .row h2 {
    margin-bottom:20px;
    color:#fff;
}

.bolum-footer .satir-0 .row p {
    margin-bottom:32px;
    color:#fff;
}

.bolum-footer .satir-1 .sutun {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: 40px;
}

.bolum-footer .satir-1 .sutun .logo {
    margin-bottom: 30px;
    display: inline-block;
}

.bolum-footer .satir-1 .sutun .logo img {
    display: inline-flex;
    width: 234px;
    height: auto;
}

.bolum-footer .satir-1 .sirket-bilgileri {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
	margin-top:24px;
}

.bolum-footer .satir-1 .sirket-bilgileri a {
	display: flex;
    align-items: center;
	gap:8px;
}

.bolum-footer .satir-1 .sirket-bilgileri a svg {
	width: 20px;
	height: 20px;
	color:#fff;
}

.bolum-footer .satir-1 .sutun h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff;
}

.bolum-footer .satir-1 .sutun ul {
    list-style-type: none;
    margin-block-end: 0px;
    padding-inline-start: 0px;
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 10px;
    align-items: flex-start;
    font-size: 14px;
}

.bolum-footer .satir-1 .sutun .parag {
    line-height: 1.8;
    transition: all 0.3s;
    color: #9e9e9e;
    font-size: 14px;
}

.bolum-footer .satir-1 .sutun a {
    line-height: 1.5;
    transition: all 0.3s;
    color: #9e9e9e;
    font-size: 14px;
}

.bolum-footer .satir-1 .sutun a:hover {
    color: #fff;
}






.bolum-footer .satir-2 .sutunlar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0px;
    margin-top: 60px;
    gap: 160px;
    color: #9e9e9e;
    line-height: 1.5;
    font-weight: 300;
	font-size:14px;
}

.bolum-footer .satir-2 .sutunlar .sol a {
	color: var(--primary-color);
}

.bolum-footer .satir-2 .sutunlar .sag {
	list-style-type:none;
	display:flex;
	align-items:center;
	gap:24px;
}

.bolum-footer .satir-2 .sutunlar .sag li:first-of-type {
	padding-right: 24px;
	border-right: 1px solid #515151;
}

.bolum-footer .satir-2 .sutunlar .sag li a {
	color: #9e9e9e;
}

.bolum-footer .satir-2 .sutunlar .sag li a:hover {
	color: #fff;
}






.bolum-sosyal-medya {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.bolum-sosyal-medya a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    transition: all 0.3s;
}

.bolum-sosyal-medya a svg {
    color: #9e9e9e;
}






.bolum-footer .ebulten-form {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #454545;
}

.bolum-footer .ebulten-form .wpcf7-form-control-wrap {
    width: 100%;
}

.bolum-footer .ebulten-form input[type="email" i] {
    padding: 20px 0px;
    border: none;
    margin: 0;
    font-size: 16px;
    width: 100%;
    min-width: 100%;
    background: transparent;
    color: #ffffff;
}

.bolum-footer .ebulten-form input[type="email" i]::placeholder {
    color: #ffffff;
}

.bolum-footer .ebulten-form button[type="submit"] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0px;
    gap: 15px;
    background: transparent;
    border-radius: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #ffffff;
    width: fit-content;
    border: 0px;
    cursor: pointer;
    appearance: none;
    outline: none;
    margin: 0em;
    white-space: nowrap;
    transition: all 0.3s;
}

.bolum-footer .ebulten-form button[type="submit"]:hover {
    gap: 20px;
}

.bolum-footer .ebulten-form button[type="submit"] svg path {
    fill: #F96D71;
    transition: all 0.3s;
}

.bolum-footer .ebulten-form button[type="submit"]:hover svg path {
    fill: #DC143C;
}





.ebulten-form .form-gonder .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
}



.wpcf7-response-output {
    margin: 20px 0px 0px 0px !important;
    padding: 20px !important;
    border: 1px solid #00a0d2 !important;
}


/* Telefon */
@media (max-width: 767px) {
    .bolum-footer .satir-1 .sutun {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {
    .bolum-footer .satir-1 .sutun {
        grid-template-columns: 3fr 2fr 2fr;
        grid-column-gap: 40px;
        grid-row-gap: 60px;
    }
    
    .bolum-footer .satir-1 .sutun .sutun-1 { grid-area: 1 / 1 / 2 / 4; }
    .bolum-footer .satir-1 .sutun .sutun-2 { grid-area: 2 / 1 / 3 / 2; }
    .bolum-footer .satir-1 .sutun .sutun-3 { grid-area: 2 / 2 / 3 / 3; }
    .bolum-footer .satir-1 .sutun .sutun-4 { grid-area: 2 / 3 / 3 / 4; }

    .bolum-footer .satir-2 .sutun {
        gap: 20px;
    }
}

/* Büyük Ekran */
@media (min-width: 1536px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}













































/* ---------- site-page-title.php ---------- */

.site-page-title {
	margin-top: -90px;
	padding-top: 74.5px;
	background-image: linear-gradient(180deg, #DCE1EA, rgba(255, 255, 255, 0));
}

.site-page-title .row {
	padding: 100px 0;
	text-align:center;
}

.site-page-title .row .breadcrumb {
	display:flex;
	justify-content:center;
	align-items:center;
}

.site-page-title .row h1 {
	margin: 22px 0;
}

.site-page-title .row .description {
	max-width: 40%;
    margin: auto;
}


/* Telefon */
@media (max-width: 767px) {
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {
}

/* Büyük Ekran */
@media (min-width: 1536px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}











































































/* ---------- bolumler > nav.php ---------- */
.top-bar {
	width:100%;
	background: url(https://yeni.ripondigital.com/wp-content/uploads/2024/08/homepage-long-banner-background-1.svg) center center / cover repeat scroll #0058FE;
	display:flex;
	justify-content:center;
	padding: 16px 0;
}

.top-bar p {
	display:inline-block;
	font-size:14px;
	line-height:1;
	color:#fff;
}

.navust {
	width: 100%;
	max-width: 1240px;
	padding: 0px 20px;
	margin-right: auto;
	margin-left: auto;
	background: transparent;
}

.nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.navust .nav .nav-sol {
	display: flex;
	align-items: center;
	margin: 25px 0;
	padding-right:20px;
}

.navust .nav .nav-sol img {
	width: 200px;
	height: auto;
}

.navust .nav .nav-orta .menu ul {
	display:flex;
	align-items:center;
	list-style-type: none;
	margin:0;
	padding:0;
}

.navust .nav .nav-orta .menu ul li {
display:inline-block;
padding: 0 6px;
}

.navust .nav .nav-orta .menu ul li a {
	font-size:14px;
	font-weight:650;
	padding:12px 24px;
	color: var(--headline-color); 
	background-color: transparent;
	transition: background-color 0.3s ease;
	border-radius:3px;
}

.navust .nav .nav-orta .menu ul li a:hover {
	color: var(--secondary-color); 
	background-color: var(--primary-color-transparent); 
}

.navust .nav .nav-sag {
	display: flex;
	align-items: center;
}

.navust .nav .yazi-butonu {
	font-size:14px;
	font-weight:650;
	padding:12px 24px;
	color: var(--headline-color); 
	background-color: transparent;
	transition: background-color 0.3s ease;
	border-radius:3px;
}

.navust .nav .yazi-butonu:hover {
	color: var(--secondary-color); 
}

.navust .nav .dolgu-butonu {
	font-size:14px;
	font-weight:650;
	padding:12px 24px;
	color: #fff; 
	background-color: var(--primary-color); 
	transition: background-color 0.3s ease;
	border-radius:3px;
}

.navust .nav .dolgu-butonu:hover {
	background-color: var(--secondary-color); 
}







































/* ---------- bolumler > bolum-01-giris.php ---------- */
.bolum-giris {
    background-image: linear-gradient(90deg, #fff 60%, #fafafa 0%);
	height:calc(100svh - 88px);
	margin-top: -88px;
}

.bolum-giris .hero-section {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    padding: 150px 0px;
    align-items: center;
	position:relative;
	z-index:10;
}

.bolum-giris .hero-section .background-overlay {
	position: absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
    z-index: -10;
	background-image: url(/wp-content/uploads/2024/08/Mails-Hero-BG-Image.webp);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 40% auto;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.bolum-giris .hero-section p.aciklama {
background:#fff;
margin: 36px 0px 20px 0px;
}

.bolum-giris .hero-section .butonlar {
display:flex;
align-items:center;
gap:16px;
margin-bottom:24px;
}

.bolum-giris .hero-section .bilgi-kutulari {
display:flex;
align-items:center;
gap:8px;
}

.bolum-giris .hero-section .bilgi-kutulari p  {
font-size:12px;
padding-right:8px;
border-right:1px solid #DDDDDD;
}

.bolum-giris .hero-section .bilgi-kutulari p:last-child  {
padding-right:0;
border-right:unset;
margin-bottom:12px;
}



/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}






















/* ---------- bolumler > bolum-02-partnerler.php ---------- */
.bolum-partnerler {
	padding: 50px 0;
}

.bolum-partnerler .logolar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 20px;
    align-items: center;
}

.bolum-partnerler .logolar .logo-item {
    max-width: 112px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}




/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}































































/* ---------- bolumler > bolum-03-cozumler.php ---------- */
.bolum-cozumler {
	padding: 100px 0;
	background-image: url(https://yeni.ripondigital.com/wp-content/uploads/2024/08/Mails-Sales-BG-Image.webp);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 500px auto;
}

.bolum-cozumler .cozumler-sutunlar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: end;
	padding-bottom: 60px;
}

.bolum-cozumler .kutular {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 24px;
}

.bolum-cozumler .kutular .kutu {
	padding:40px;
	background:#fff;
	border: 1px solid var(--border-color);
	transition: all 0.3s;
}

.bolum-cozumler .kutular .kutu img {
	width:48px;
	height:auto;
	margin-bottom:16px;
}

.bolum-cozumler .kutular .kutu h3 {
	margin-bottom:16px;
}

.bolum-cozumler .kutular .kutu:hover {
	background:var(--primary-color);
}

.bolum-cozumler .kutular .kutu:hover img,
.bolum-cozumler .kutular .kutu:hover h3,
.bolum-cozumler .kutular .kutu:hover p {
	color: #fff;
}

.bolum-cozumler .kutular .kutu:hover img {
 filter: brightness(0) invert(1);
}




/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}










































/* ---------- bolumler > bolum-04-aciklama1.php ---------- */
.bolum-aciklama1 {
	padding: 100px 0;
}

.bolum-aciklama1 .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 128px;
    align-items: center;
}

.bolum-aciklama1 .row .sol {
	width:100%;
	height:auto;
    background-color: #FAFAFA;
    background-image: url(https://yeni.ripondigital.com/wp-content/uploads/2024/08/Mails-Marketing-BG-Image.webp);
    background-repeat: no-repeat;
    background-size: cover;
	padding:60px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.bolum-aciklama1 .row .sol img {
	width: 270px;
	object-fit: cover;
}

.bolum-aciklama1 .row .sag h2 {
    margin-bottom:20px;
}

.bolum-aciklama1 .row .sag p {
    margin-bottom:20px;
}




/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}



















































































/* ---------- bolumler > bolum-05-aciklama2.php ---------- */
.bolum-aciklama2 {
	padding: 0 0 100px 0;
}

.bolum-aciklama2 .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 128px;
    align-items: center;
}


.bolum-aciklama2 .row .sol h2 {
    margin-bottom:20px;
}

.bolum-aciklama2 .row .sol p.aciklama {
    margin-bottom:20px;
}

.bolum-aciklama2 .row .sol .hizmet-maddeleri {
    display:flex;
	flex-direction: column;
	gap:8px;
}

.bolum-aciklama2 .row .sol .hizmet-maddeleri .madde {
    display:flex;
	align-items:center;
	gap:4px;
}

.bolum-aciklama2 .row .sol .hizmet-maddeleri .madde i {
    color:#35C21E;
	margin-right:12px;
}

.bolum-aciklama2 .row .sol .hizmet-maddeleri .madde p {
    font-weight:500;
	color: var(--headline-color);
}

.bolum-aciklama2 .row .sag {
	width:100%;
	height:auto;
    background-color: #FAFAFA;
    background-image: url(https://yeni.ripondigital.com/wp-content/uploads/2024/08/Mails-Store-BG-Image.webp);
    background-repeat: no-repeat;
    background-size: cover;
	padding:60px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.bolum-aciklama2 .row .sag img {
	height: auto;
    max-width: 100%;
	object-fit: cover;
}




/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}









































/* ---------- bolumler > bolum-06-karsilastirma.php ---------- */
.bolum-karsilastirma {
	padding: 200px 0;
}

.bolum-karsilastirma .kapsayici {
	max-width: 852px;
}

.bolum-karsilastirma .karsilastirma-baslik {
	display:flex;
	align-items:center;
	justify-content: center;
	margin-bottom: 50px;
}

.bolum-karsilastirma .karsilastirma-baslik h2 {
	text-align:center;
}

.bolum-karsilastirma .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: stretch;
}

.bolum-karsilastirma .row .sutun {
	position:relative;
	z-index:20;
	padding:30px;
	border: 1px solid var(--border-color);
	background:transparent;
	border-radius:4px;
}

.bolum-karsilastirma .row .sutun .ust-baslik {
	font-size:15px;
    margin-bottom:16px;
	color: var(--headline-color);
}

.bolum-karsilastirma .row .sutun h5 {
	font-size:28px;
    margin-bottom:16px;
}

.bolum-karsilastirma .row .sutun p {
	margin-bottom:24px;
}

.bolum-karsilastirma .row .sutun .hizmet-maddeleri {
    display:flex;
	flex-direction: column;
	gap:16px;
	padding:0;
}

.bolum-karsilastirma .row .sutun .hizmet-maddeleri .madde {
    display:flex;
	align-items:center;
}

.bolum-karsilastirma .row .sutun .hizmet-maddeleri .madde i {
    color:#B4B4B4;
	margin-right:12px;
}

.bolum-karsilastirma .row .sutun .hizmet-maddeleri .madde p {
    font-weight:500;
	color: var(--headline-color);
}

.bolum-karsilastirma .row .sutun .karsilastirma-simge {
	position:absolute;
	z-index:10;
	right: -38px;
    top: 50%;
	transform: translateY(-50%);
	display:inline-flex;
	padding: 15px 15px 15px 15px;
    background-color: #FFFFFF;
	border:1px solid var(--border-color);
    border-radius: 50px;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size:24px;
	color: var(--headline-color);
	font-weight:600;
}

.bolum-karsilastirma .row .sutun.sag {
    padding: 30px;
    border: 1px solid var(--border-color);
    background: #246BF3;
    position: relative;
    z-index: 1;
}

.bolum-karsilastirma .row .sutun.sag .background-overlay {
    position: absolute;
    background-image: url(/wp-content/uploads/2024/08/Mails-Hero-BG-Image.webp);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.05;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -10;
    pointer-events: none;
}

.bolum-karsilastirma .row .sutun.sag .ust-baslik {
	color:#fff;
}

.bolum-karsilastirma .row .sutun.sag p {
	color:#fff;
}

.bolum-karsilastirma .row .sutun.sag img {
	height:37px;
	width:auto;
    margin-bottom:16px;
}

.bolum-karsilastirma .row .sutun.sag .hizmet-maddeleri {
    margin-bottom:32px;
}

.bolum-karsilastirma .row .sutun.sag .hizmet-maddeleri .madde {
    color:#fff;
}

.bolum-karsilastirma .row .sutun.sag .hizmet-maddeleri .madde i {
    color:#fff;
}

.bolum-karsilastirma .row .sutun.sag .hizmet-maddeleri .madde p {
	color: #fff;
}



/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}









































/* ---------- bolumler > bolum-07-sorular.php ---------- */
.bolum-sorular {
	padding: 0 0 100px 0;
}

.bolum-sorular .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 128px;
    align-items: center;
}


.bolum-sorular .row .sol h2 {
    margin-bottom:20px;
}

.bolum-sorular .row .sol p.aciklama {
    margin-bottom:20px;
}

.bolum-sorular .row .sol .ssskartlar {
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 100%;
    list-style-type: none;
}

.bolum-sorular .row .sol .ssskartlar h2 {
    text-align: center;
    font-size: 48px;
    margin-bottom: 40px;
    font-weight: 400;
}

.bolum-sorular .row .sol .ssskartlar .ssskart {
    margin: 0px;
    transition: 0.4s;
    overflow: hidden;
}

.bolum-sorular .row .sol .ssskartlar .ssskart.kartactive {
    margin: 0px 0px;
    transition: 0.4s;
}

.bolum-sorular .row .sol .ssskartlar .ssskart.kartactive:first-child {
    margin: 0px 0px 10px 0px;
}

.bolum-sorular .row .sol .ssskartlar .ssskart .baslik {
    cursor: pointer;
    padding: 20px 20px 20px 0px;
    transition: 0.4s;
	border-bottom: 2px solid #FAFAFA;
	background: #FFFFFF;
    color: #1C1B1F;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bolum-sorular .row .sol .ssskartlar .ssskart .baslik.active,
.bolum-sorular .row .sol .ssskartlar .ssskart .baslik:hover {
    color: #6D6D6D;
}

.bolum-sorular .row .sol .ssskartlar .ssskart .baslik.active {
}

.bolum-sorular .row .sol .ssskartlar .ssskart .baslik .baslik-sol {
    font-size:20px;
	font-weight:600;
}

.bolum-sorular .row .sol .ssskartlar .ssskart .baslik .baslik-sag i {
    font-size: 14px;
	color: #6D6D6D;
}

.bolum-sorular .row .sol .ssskartlar .ssskart .baslik:hover .baslik-sag i {
    transition: 0.4s;
}

.bolum-sorular .row .sol .ssskartlar .ssskart .baslik.active .baslik-sag i {
    transition: 0.2s;
    transform: rotate(180deg);
}

.bolum-sorular .row .sol .ssskartlar .ssskart .panel {
    padding: 0px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;

}

.bolum-sorular .row .sol .ssskartlar .ssskart .panel-icerik {
    padding: 20px 0px 20px 0px;
}



.bolum-sorular .row .sag {
	width:100%;
	height:auto;
    background-color: #FAFAFA;
    background-image: url(https://yeni.ripondigital.com/wp-content/uploads/2024/08/Mails-Store-BG-Image.webp);
    background-repeat: no-repeat;
    background-size: cover;
	padding:60px 60px 0 60px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.bolum-sorular .row .sag img {
	height: auto;
    max-width: 100%;
	object-fit: cover;
}




/* Telefon */
@media (max-width: 767px) {
    .sss {
        padding-bottom: 100px;
    }
    
    .sss .ssskartlar {
        padding: 0px 30px;
    }
    
    .sss .ssskartlar h2 {
        font-size: 36px;
        font-weight: 400;
    }
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {
    .sss .ssskartlar {
        padding: 0px 100px;
    }
}


/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}

















/* ---------- bolumler > bolum-08-yorumlar.php ---------- */
.bolum-yorumlar {
	padding: 100px 0;
	background: #F5F9FD;
}

.bolum-yorumlar .ust {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: end;
	padding-bottom: 60px;
}

.bolum-yorumlar .ust .sol h2 {
    margin-bottom:32px;
}

.bolum-yorumlar .ust .sag {
    display:flex;
	align-items:center;
	justify-content: flex-end;
}

.bolum-yorumlar .ust .sag .slider-butonlari {
	display:flex;
	align-items:center;
	gap:16px;
}

.bolum-yorumlar .ust .sag .splide__arrow--prev, .bolum-yorumlar .ust .sag .splide__arrow--next{
	background:#fff;
	min-height: 64px;
    min-width: 64px;
    width: unset;
    padding: unset;
	border:unset;
	border-radius:50px;
}

.bolum-yorumlar .ust .sag .splide__arrow--prev svg, .bolum-yorumlar .ust .sag .splide__arrow--next svg{
	margin-top:4px;
	color: var(--primary-color);
}

.bolum-yorumlar .splide__track {
}


.bolum-yorumlar .splide__track .splide__slide {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
	background:#FEFEFE;
	border-radius:8px;
	padding: 30px 30px 0 0;
}

.bolum-yorumlar .splide__track .splide__slide .fotograf {
    min-height: 300px;
    width: 300px;
    min-width: 300px;
}

.bolum-yorumlar .splide__track .splide__slide .fotograf img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bolum-yorumlar .splide__track .splide__slide .icerik h3 {
	font-weight: 600;
    margin-bottom:20px;
}

.bolum-yorumlar .splide__track .splide__slide .icerik p {
	font-size:18px;
	line-height:1.5;
}

.bolum-yorumlar .splide__track .splide__slide .icerik .owner {
	font-size:14px;
	color:var(--headline-color);
}




/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}


















































































/* ---------- bolumler > bolum-07-blog.php ---------- */
.bolum-blog {
	padding: 100px 0;
}

.bolum-blog .ust h2 {
	margin-bottom:48px;
}

.bolum-blog .bloglar {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 36px;
}




/* Telefon */
@media (max-width: 767px) {
	.bolum-blog .ust h2 {
		font-size: 32px;
	}

	.bolum-blog .bloglar {
		grid-template-columns: 1fr;
		gap: 42px;
	}
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* Büyük Ekran */
@media (min-width: 1536px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}









/* ---------- bolumler > kart-blog.php ---------- */
.blog-kart {
	display: flex;
	flex-direction: column;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 12px, rgba(17, 12, 46, 0.08) 0px 48px 60px 0px;
    background: #fff;
	border-radius: 5px;
}

.blog-kart .zoom {
	overflow: hidden;
	position:relative;
	z-index:1;
}

.blog-kart .zoom img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: inherit;
	transition: all 0.3s;
}

.blog-kart .kart-icerik {
	padding:26px;
}

@media (hover: hover) {
	.blog-kart .zoom img:hover {
		transform: scale(1.1);
	}
}

.blog-kart h4 {
	margin-bottom:12px;
}

.blog-kart .kategoriler {
	display:flex;
	align-items: center;
	gap: 5px;
	position: absolute;
	z-index:5;
    top: 16px;
	left: 16px;
	padding-left:0;
	background: #fff;
    padding: .2em .6em;
    border-radius: 4px;
    transform: translate3d(0, 0, 0);
    transition: all cubic-bezier(.4,0,.2,1) .4s;
	list-style-type:none;
    transform: translate3d(0, -50%, 0);
	opacity:0;
}

.blog-kart .zoom:hover .kategoriler {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.blog-kart .kategoriler li {
	text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 11px;
    font-size: 11px;
    font-weight: 600;
	color: var(--primary-color);
	box-shadow: #00000017 0 2px 6px;
}

.blog-kart time {
	color: #6e7a84;
    font-size: 11px;
	text-transform:uppercase;
	font-weight:600;
}


/* Telefon */
@media (max-width: 767px) {
	.blog-kart h2 {
		font-size: 28px;
	}
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {
	.blog-kart h2 {
		font-size: 18px;
	}
}

/* Büyük Ekran */
@media (min-width: 1536px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}









































/* ---------- bolumler > bolum-10-araclar.php ---------- */
.bolum-araclar {
	padding: 100px 0;
}

.bolum-araclar .kapsayici {
	max-width: 852px;
}

.bolum-araclar .araclar-baslik {
	display:flex;
	align-items:center;
	justify-content: center;
	margin-bottom: 50px;
}

.bolum-araclar .araclar-baslik h2 {
	text-align:center;
}

.bolum-araclar .row {
    display: flex;
    gap: 8px;
	align-items: center;
    justify-content: center;
}

.bolum-araclar .row .sutun {
	display: flex;
	flex-direction:column;
	gap: 8px;
}

.bolum-araclar .row .sutun .logo {
	margin: 10px;
    padding: 20px;
    background-color: #FAFAFA;
    border-radius: 7px;
}

.bolum-araclar .row .sutun .logo:hover {
	transition: 0.3s all;
	transform: scale(1.2);
}

.bolum-araclar .row .sutun .logo img {
	width:60px;
	height:60px;
}




/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}




















































/* ---------- bolumler > bolum-11-fotograf.php ---------- */
.bolum-fotograf {
	padding: 100px 0;
}

.bolum-fotograf .fotograf {
	height:514px;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(/wp-content/uploads/2024/08/63db57b0d833025bdb642dce_Video.webp);
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
	border-radius:16px;
}




/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}






































/* ---------- bolumler / sayfa-iletisim.php ---------- */
.iletisim-kutulari {
    display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}

.iletisim-kutulari .kutu {
    padding: 36px;
	background:#fff;
	border-radius:12px;
	box-shadow: rgba(25, 86, 88, 0.06) 0px 17px 37px 0px, rgba(25, 86, 88, 0.05) 0px 67px 67px 0px;
}

.iletisim-kutulari .kutu svg {
	color:var(--primary-color);
	margin-bottom:16px;
}

.iletisim-kutulari .kutu h4 {
	margin-bottom:8px;
}

.iletisim-kutulari .kutu .aciklama {
	font-size:16px;
}

.iletisim-kutulari .kutu hr {
 	border: none;
	border: 0.5px solid var(--border-color);
	margin: 24px 0;
}


.breadcrumb ul li {
    font-size: 16px;
    color: #000000;
}

.breadcrumb ul li.separator {
    color: #4e4e4e;
}

.breadcrumb ul li a {
    color: #4e4e4e;
    text-decoration: none;
}

.breadcrumb ul li a:hover {
    color: #3A4D96;
}

/* Telefon */
@media (max-width: 767px) {
    .breadcrumb ul li {
        font-size: 14px;
    }
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* Büyük Ekran */
@media (min-width: 1536px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}















































































/* ---------- bolumler / sayfa-iletisim-alternatif.php ---------- */
.sayfa-iletisim-alternatif .iletisim-sutunlar {
    display:grid;
	align-items:center;
	grid-template-columns:repeat(2,1fr);
	gap:128px;
	padding:100px 0 150px 0;
}

.sayfa-iletisim-alternatif .iletisim-sutunlar .sol .aciklama {
    margin-top:16px;
}

.sayfa-iletisim-alternatif .iletisim-sutunlar .kutucuk-kapsayici {
	display:flex;
	gap:64px;
	margin-top:64px;
}

.sayfa-iletisim-alternatif .iletisim-sutunlar .kutucuk {
	gap:80px;
}

.sayfa-iletisim-alternatif .iletisim-sutunlar .kutucuk .icon-box {
	display:inline-flex;
	padding:12px;
	box-shadow: 0px 16px 32px -12px rgba(14, 18, 27, 0.1);
	border: 1px solid #dddddd85;
	border-radius:12px;
	margin-bottom:24px;
}

.sayfa-iletisim-alternatif .iletisim-sutunlar .kutucuk-kapsayici .kutucuk {
	font-size:14px;
}

.sayfa-iletisim-alternatif .iletisim-sutunlar .kutucuk .icon-box svg {
	color:var(--primary-color);
	width:24px;
	height:24px;
}

.sayfa-iletisim-alternatif .iletisim-sutunlar .kutucuk-kapsayici .kutucuk .aciklama {
	margin:8px 0 12px 0;
}

.sayfa-iletisim-alternatif .iletisim-sutunlar .kutucuk-kapsayici .kutucuk .bilgi {
	color:var(--headline-color);
	font-weight:600;
}


.sayfa-iletisim-alternatif .iletisim-sutunlar .sag .form-alani {
    padding:48px;
	border-radius:24px;
	background:#fff;
		box-shadow: 0px 16px 32px -12px rgba(14, 18, 27, 0.1);
}



.sayfa-iletisim-alternatif .faq-alani {
	max-width:720px;
	text-align:center;
	margin: 0 auto;
	padding-bottom:150px;
}

.sayfa-iletisim-alternatif .faq-alani h2 {
	margin-bottom:24px;
}


.sayfa-iletisim-alternatif .faq-alani .ssskartlar {
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 100%;
    list-style-type: none;
}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar h2 {
    text-align: center;
    font-size: 48px;
    margin-bottom: 40px;
    font-weight: 400;
}
.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart {
    margin: 0px;
    transition: 0.4s;
    overflow: hidden;
}

.sayfa-iletisim-alternatif .faq-alani .ssskart.kartactive {
    margin: 0px 0px;
    transition: 0.4s;
}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart.kartactive:first-child {
    margin: 0px 0px 10px 0px;
}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .baslik {
    cursor: pointer;
    padding: 20px 20px 20px 0px;
    transition: 0.4s;
	border-bottom: 2px solid #FAFAFA;
	background: #FFFFFF;
    color: #1C1B1F;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .baslik.active,
.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .baslik:hover {
    color: #6D6D6D;
}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .baslik.active {
}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .baslik .baslik-sol {
    font-size:20px;
	font-weight:600;
}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .baslik .baslik-sag i {
    font-size: 14px;
	color: #6D6D6D;
}
.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .baslik:hover .baslik-sag i {
    transition: 0.4s;
}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .baslik.active .baslik-sag i {
    transition: 0.2s;
    transform: rotate(180deg);
}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .panel {
    padding: 0px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;

}

.sayfa-iletisim-alternatif .faq-alani .ssskartlar .ssskart .panel-icerik {
    padding: 20px 0px 20px 0px;
}


/* Telefon */
@media (max-width: 767px) {
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* Büyük Ekran */
@media (min-width: 1536px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}










































/* CUSTOM CSS FOR STICKY HELP BUTTONS */

.ui-link-helper svg {
	width: 22px;
}

.ui-link-helper {
	position: fixed;
	right: 0;
	top: calc(50vh - 111px);
	display: flex;
	flex-direction: column;
	background: white;
	width: 45px;
	cursor: pointer;
	border-left: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 7%);
	-moz-box-shadow: 0 5px 40px rgba(0,0,0,7%);
	box-shadow: 0 5px 40px rgb(0 0 0 / 7%);
	padding: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #eaeaea;
	border-right: 0;
  z-index: 9999999;
}

.ui-link-helper .ui-tooltip {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
	position: absolute;
	background-color: #fff;
	font-size: 13px;
	margin: 0;
	padding: 0px 20px;
	font-family: inherit;
	width: auto;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: .1px;
	right: 10px;
	top: 4px;
  border-radius:3px;
	white-space: nowrap;
	-webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%);
	-moz-box-shadow:0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%);
	box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%);
	-moz-transition: all .3s cubic-bezier(0.64,-0.09, 0.13, 1.15);
	-o-transition: all .3s cubic-bezier(0.64,-0.09, 0.13, 1.15);
	transition: all .3s cubic-bezier(0.64,-0.09, 0.13, 1.15);
  color:#0059FE;
}

.ui-link-helper .ui-tooltip-link:hover .ui-tooltip {
	opacity: 1;
	right: 60px;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.ui-link-helper .ui-tooltip-link {
	position: relative;
	display: flex;
	justify-content: center;
	height: 44px;
	align-items: center;
  transition: all .3s ease-in;
}

.ui-link-helper .ui-tooltip span{
	display: block;
	position: absolute;
	right: -5px;
	top: 12px;
	width: 0;
	height: 0;
	border-left: 5px solid #fff;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
}

.ui-link-helper .ui-tooltip-link + .ui-tooltip-link {
	border-top: 1px solid #eaeaea;
}

.ui-link-helper .ui-tooltip-link svg {
	height: 20px;
}
.ui-tooltip-link:hover {
	background: #DAE6FC;
}
.ui-tooltip-link:hover svg path {
	fill: #0059FE;
}

@media(max-width: 767px) {
  .ui-link-helper {
	display: none;
  }
}

















/* ---------- Mobile Footer Menu ---------- */
.ct-shortcuts-container {
display:none;
}

@media (max-width: 767px) {
    .ct-shortcuts-container[data-type=type-2] {
    --shortcuts-bar-offset: 15px;
    border-radius: var(--border-radius,7px);
}

.ct-shortcuts-container {
    position: fixed;
    overflow: hidden;
    z-index: 100;
    left: calc(var(--shortcuts-bar-offset,0px) + var(--frame-size,0px));
    right: calc(var(--shortcuts-bar-offset,0px) + var(--frame-size,0px) + var(--scrollbar-width,0px));
    bottom: calc(var(--shortcuts-bar-offset,0px) + var(--frame-size,0px));
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50px,1fr));
    align-items: center;
    gap: 15px;
    padding: 7px;
    margin: 0 auto;
    height: var(--shortcuts-container-height,60px);
    max-width: var(--shortcuts-container-width,100%);
    box-shadow: 0px -10px 20px rgba(186, 186, 186, 0.2);
    box-sizing: border-box;
    transition: transform .2s cubic-bezier(.455,.03,.515,.955);
	background-color: white;
	font-size: 12px;
}

.ct-shortcuts-container a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1;
    background: var(--item-color,rgba(0,0,0,0));
    border-radius: calc(var(--border-radius,7px) - 3px);
	color: #6d6d6d;
}

[data-label=bottom] {
    flex-direction: column;
}

[data-label=bottom] .ct-label {
    order: 2;
    line-height: 1;
    margin-top: 0.5em;
}

[data-label=bottom] .ct-label {
    order: 2;
    line-height: 1;
    margin-top: 0.5em;
}

.ct-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ct-icon, .ct-icon-container {
    position: relative;
}

.ct-icon, .ct-icon-container svg {
    width: var(--icon-size,15px);
    height: var(--icon-size,15px);
    fill: var(--icon-color,var(--color));
    transition: var(--icon-transition,fill 0.12s cubic-bezier(.455,.03,.515,.955));
}
}



















/* ---------- single.php ---------- */
.single-post {
	background-image: linear-gradient(180deg, #DCE1EA, rgba(255, 255, 255, 0));
}

.single-post .blog-giris {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.single-post .blog-giris img {
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.single-post .blog-giris h1 {

}

.single-post .blog-giris .baslik-aciklama p {

}

.single-post .blog-icerik {
	margin: 80px auto;
	max-width:700px;
}

.single-post .blog-icerik img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	margin: 40px 0px;
}

.single-post .blog-icerik h2 {
	font-size:34px;
	margin-top: 64px;
    margin-bottom: 32px;
}

.single-post .blog-icerik h3, .single-post .blog-icerik h4 {
	margin-top: 64px;
    margin-bottom: 32px;
}

.single-post .blog-icerik h5 {
	margin-top: 36px;
    margin-bottom: 24px;
}

.single-post .blog-icerik p {

}



/* Telefon */
@media (max-width: 767px) {
	.single-post .blog-giris h1 {

	}

	.single-post .blog-icerik h2 {

	}

	.single-post .blog-icerik p {

	}

	.single-post .blog-icerik {
		padding: 0px 0px;
		margin: 40px 0px;
	}

}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}
























/* ---------- bolumler / site-breadcrumb.php ---------- */
.breadcrumb {
    padding: 0px 0px 30px 0px;
}

.breadcrumb ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.breadcrumb ul li {
    font-size: 16px;
    color: #000000;
}

.breadcrumb ul li.separator {
    color: #4e4e4e;
}

.breadcrumb ul li a {
    color: #4e4e4e;
    text-decoration: none;
}

.breadcrumb ul li a:hover {
    color: #3A4D96;
}

/* Telefon */
@media (max-width: 767px) {
    .breadcrumb ul li {
        font-size: 14px;
    }
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* Büyük Ekran */
@media (min-width: 1536px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}


























/* ---------- Form elemanları ---------- */
.site .form {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 30px;
}

.site form a {
    font-weight: 500;
}

.site form label {
    width: 100%;
	display:flex;
	flex-direction:column;
	gap:8px;
	font-size:15px;
	margin-top:16px;
}

.site form .form-iki-sutun {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.site form input[type=text],
.site form input[type=email],
.site form input[type=tel],
.site form input[type=number],
.site form textarea {
    width: 100%;
    background-color: transparent;
    padding: 12px 12px;
    font-family: inherit;
    letter-spacing: 0.2px;
    resize: none;
	color: #6d6d6d;
	border: 1px solid var(--border-color);
	border-radius:6px;
    transition: all 0.3s;
}

.site form input::placeholder,
.site form textarea::placeholder {
    color: #6d6d6d;
    transition: all 0.3s;

}

.site form input:focus,
.site form textarea:focus {
    
}

.site input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    width: 18px;
    height: 18px;
    border: 1px solid #376AB3;
    display: grid;
    place-content: center;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    margin: 0px 0px 0px 0px;
}

.site input[type="checkbox"]:hover {
    background-color: #ebf0f7 !important;
}

.site input[type="checkbox"]::before {
    content: "";
    width: 18px;
    height: 18px;
    transform: scale(0);
    background-color: #376AB3;
    border-radius: 1px;
    transition: all 0.3s;
}

.site input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.site input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px;
}

.site input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    width: 18px;
    height: 18px;
    border: 1px solid #376AB3;
    display: grid;
    place-content: center;
    border-radius: 50%;
    cursor: pointer;
    margin: 0px !important;
}

.site input[type="radio"]::before {
    content: "";
    width: 18px;
    height: 18px;
    transform: scale(0);
    background-color: #376AB3;
    border-radius: 50%;
    transition: all 0.3s;
    border: 1px solid #376AB3;
}

.site input[type="radio"]:checked::before {
    transform: scale(0.5);
}

.site .form button {
	width:100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px 30px;
    gap: 10px;
    background: #DC143C;
    border-radius: 50px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.2px;
    color: #ffffff;
    width: fit-content;
    transition: all 0.3s;
    border: 0px;
    cursor: pointer;
    font-weight: 500;
    -webkit-appearance: none;

}

.site .form button:hover {
    background: #b01030;
    gap: 20px;
}

.site .form button:disabled {
    opacity: 0.5;
}

.form-alani .gonder-butonu input.wpcf7-submit[type="submit"] {
width:100%;
background: var(--primary-color) !important;
color:#fff;
padding:16px 24px;
border-radius:8px;
box-shadow: unset;
border:unset;
cursor:pointer;
margin-top:16px;
}


/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}