*{outline: none!important;border:none;text-decoration:none!important;list-style-type:none;}
h1,h2,h3,h4,h5,h6{margin:0px}
input.form-control{box-shadow:unset!important;opacity: 1!important;}
textarea{outline:none!important;box-shadow:0px!important}
body{font-family: 'Jost', sans-serif;position:relative;background-color: #fff;overflow: hidden;overflow-y: auto;overflow-x: hidden;}

:root{--one:1;--two:2;--three:3;--blue:#003383;--black:#1c1c1c;--red:#E63027;--white:#fff;--gray:#A5A5A5;--yellow:#FCC500;--textColor:#343246;--imgRightPx:10px;
--green:#1C5445;--green2:#409A23;--brown:#4D1C17;--krem:#FFECCC;--loaderColor:#1a2b3e}
:root{--text:normal normal normal 14px/20px Jost;--regular:normal normal 400 14px/24px Jost;--bold:normal normal 600 16px/20px Jost;}


.historyActive{overflow:hidden!important}
ul{padding:0px;margin:0px;}

.sayfaUyari{margin-top:0px}
.slick-slider{direction: ltr!important}

.padding-no{padding:0px!important}

.imgScale{overflow: hidden;}
.imgScale img{transition: 300ms;}
.imgScale:hover img{transform: scale(1.2);}

.wpContact{bottom:10px;right:10px;position:fixed;z-index:4;background-color: var(--white);border-radius: 50%;padding: 8px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.wpContact i{color:#0DC143;font-size: 35px;}


.arama_sonuc a{display: flex;align-items:center;justify-content: flex-start;gap:8px;border:1px solid var(--gray);border-radius: 3px;overflow: hidden;}
.arama_sonuc a:hover,.arama_sonuc a:hover span,.ui-widget-content .ui-state-active{background-color: #e2e2e2!important;border:none!important;color:#000}
.ui-autocomplete{max-height: 400px;overflow: hidden;overflow-y: auto;max-width: 500px;border-radius: 3px;}
.ui-autocomplete li:not(:last-child){margin-bottom: 4px;}

.arama_sonuc a{padding: 6px!important;display: flex;color:#666!important}



.scrollActive .name{margin-top: 60px!important;transition: 300ms;}


.cookie-popup{max-width: 580px;position: fixed;left:24px;bottom:24px;z-index: 2;}
.cookie-popup .content{display: flex;flex-flow: row;font-weight: 500;font-size:12px;line-height: 1.33;color:#fff;background-color: #000;padding:16px;border:1px solid #fff}
.cookie-popup .content button.btn{flex:0 0 auto;padding:6px;font-size:10px;color:#fff;outline: 0;box-shadow: none;background-color: inherit;}
.cookie-popup .content a{color:#fff}
.cookie-popup .content a u{font-size: 14px;text-decoration: underline!important;}


.bottomNotification{position: fixed;bottom:15px;right:-100%;padding:10px 30px;background-color: #E52928;z-index: 9999;color:#fff;font: normal normal 400 16px/19px Jost;border-radius: 10px;transition: 300ms;}
.bottomNotification.active{right:15px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.bottomNotification.active a{transition:300ms;color:#fff;font: normal normal 600 16px/19px Jost;;display: block;margin-top: 8px;text-align: center;position: relative;width: 100%;}
.bottomNotification.active a:after{content:'';bottom:-3px;left:0px;right:0px;margin:auto;width: 30%;height:3px;background:#fff;transition:300ms;position: absolute;}
.bottomNotification.active a:hover:after{width: 100%;}

.topNotification{background: #EEF9EE 0% 0% no-repeat padding-box;border-radius: 10px;border: 1px solid #7CD070;font: normal normal normal 14px/19px Jost;color: #000000;
position: fixed;right:10px;top:83px;z-index: 15;min-width: 230px;max-width: 300px;padding:15px 15px;border-left:12px solid #77D175;transition: 500ms;opacity: 0;visibility: hidden;}
.topNotification.active{opacity: 1;visibility: visible;}
.topNotification ul{display: flex;align-items: center;justify-content: flex-start;gap:15px;}
.topNotification ul li i{color:#fff;background-color: #77D175;width: 25px;height:25px;border-radius: 100%;font-size:25px;display: flex;align-items: center;justify-content: center;}

.topLine{position:fixed;left:0px;top:0px;background-color:#1D5038;width:0px;height:2px;z-index:9999}
.pageMobileBrandClose{display:none}
.pageMobileBrand{display:none}
.mobileMenuHeader{display:none}
.mobileMenuSosyal{display:none}
.siteFull{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;display:none}

.pagination{display: flex;align-items: center;justify-content: center;background-color: #fff;padding:30px 15px;border: 1px solid #DEDEDE;border-radius: 5px;gap: 4px;}
.pagination a{display: flex;align-items: center;justify-content: center;font: normal normal normal 12px/16px Jost;color: #666666;letter-spacing: 2.4px;text-align: center;background: #ffffff 0% 0% no-repeat padding-box;border-radius: 40px;
width: 30px;height:30px;}
.pagination a.active{background: #dd1a1e 0% 0% no-repeat padding-box;color:#fff}


.bgOpacity{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;visibility: hidden;transition: 300ms;opacity: 0;}
.bgOpacity.active{visibility: visible;opacity: 1;}

.warningUyariKapsul{padding:10px;margin-bottom:0px}
.warningUyari{background:#FCF8E3;margin-bottom:0px}

.pageTopAlertMessage{margin-top: 30px;}


.yukari{position:fixed;right:-100%;bottom:15px;width:70px;height:70px;border-radius:50%;background: #D9000D;
display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:poJost;color:#341A0F;font-weight:700;transition:300ms;z-index:1;color:#fff}
.yukari.active{right:15px}
.yukari i{font-size:36px;line-height:20px}
.yukari span{display:block}

.varFilterBtn{display: none;}


.ayirac{margin-top:100px;width:100%}
.clear{clear:both}
.resim-responsive{width:100%!important}
.ustMargin{margin-top:140px!important;width: 100%;}
.ustMargin2{margin-top:101px;}
.pageMargin{padding-top:50px;}


.switchRadio{display: flex;align-items: center;gap:8px}
.switchRadio input{appearance: none;min-width: 30px;width: 30px;height:30px;outline: none!important;border-radius: 0px;position: relative;box-shadow: 0px 0px 1px #fff;}
.switchRadio input:checked{box-shadow: 0px 0px 1px var(--green);}
.switchRadio input::before{content: '';position: absolute;width: 15px;height: 15px;border-radius: 0px;background-image: linear-gradient(var(--green),var(--green));transition: 300ms;
transition-timing-function: ease-out;opacity: 0.2;border:1px solid;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.switchRadio input:checked::before{background-image: linear-gradient(var(--green),var(--green));opacity: 1!important;}
.switchRadio label{font: normal normal 300 12px/16px var(--font);color: var(--textColor);}
.switchRadio label a{color:var(--black);font-weight: 600;}


.mobileLogo{display:none}
.mobileMenu{display:none}
.mobileProductBrand{display:none}
.mobileProductBrandClose{display:none}
.mobileBrand{display: none}
.shoppingBtn.active{background-color: #F47721!important}


.pageMap.contentMap{margin-bottom: 30px;}
.pageMap.contentMap ul{justify-content: flex-start;}


.pageMap{padding:4px 0px;margin-top: 0px;margin-bottom: 0px;position: relative;z-index: 1;}
.pageMap ul{display: flex;align-items: center;margin-bottom: 0px;justify-content:flex-start}
.pageMap ul li{display: flex;align-items: center;justify-content:center}
.pageMap ul li a{padding: 5px 2px;font-size: 11px;font-weight: 400;color:var(--textColor);}
.pageMap ul li:last-child a{padding:5px 0px 5px 10px!important}
.pageMap ul li:last-child  i{display: none;}
.pageMap ul li a:hover{opacity: 0.8;}
.pageMap ul li a img{width: 18px;}
.pageMap ul li i{color:var(--textColor);font-weight:600;font-size:20px}


.hataSayfasiKapsul{margin-top: 150px;text-align: center;margin-bottom:250px;}
.hataSayfasiKapsul h1{font-size: 60px;font-weight: 600;display: block;text-align: center;}
.hataSayfasiKapsul h2{font-size: 60px;font-weight: 600;display: block;text-align: center;margin-top:0px;}
.hataSayfasiKapsul p{font-size: 30px;font-weight: 400;display: block;text-align: center;}
.hataSayfasiKapsul p a{font-size: 30px;font-weight: 400;color:red;}


.tabsWrap{padding: 0px;}
.tabs{padding:0px;border-bottom: 1px solid #111e72;}
.tabs ul{display: flex;align-items: center;justify-content: flex-start!important;gap:15px;}
.tabs ul li{font: normal normal bold 23px/28px Barlow Condensed;color: #111e72;position: relative;padding:8px 0px;cursor: poJost;transition: 300ms;}
.tabs ul li.active{padding:8px 0px;color:#111E72}
.tabs ul li::before{content:'';position: absolute;left:0px;bottom:0px;height:4px;width: 100%;background-color: transparent;transition: 300ms;}
.tabs ul li.active::before{background-color: #7FBC44;}
.tabs ul li:hover{color:#111e72!important}
.tabs ul li:hover::before{background-color: #7FBC44;}

.tabContents_{padding:0px;margin-top:15px}
.tabContent_{padding:0px}
.tabContents_ .tabContent_:not(:first-child){display: none;}


.htmlPopupContainer{background-color: rgba(0, 0, 0, 0.5);position: fixed;left:0px;top:0px;width:100%;height:100%;z-index: 999;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.htmlPopupContainer span.close{position: absolute;right:15px;top:15px;color:#000;z-index: 1;text-shadow: none;}


.imageShadow{position: relative;}
.imageShadow img{position: relative;z-index: 1;}
.imageShadow::after{content:'';position: absolute;right:-10px;bottom:-10px;background-color: var(--green2);z-index: 0;width: 100%;height: 75%;border-radius: 0px 0px 50px 0px;}


.detayBtn{padding:0px;position: relative;z-index: 1;margin-top: 12px;}
.detayBtn .btn{font: normal normal normal 12px/16px Jost;display: inline-flex;align-items: center;justify-content: center;gap: 12px;padding:8px 15px;transition: 300ms;
position: relative;color:#000000;border-radius: 3px;background: linear-gradient(90deg,#000000 50%,#fff 50%);background-size: 200%;background-position: right;}
.detayBtn .btn:hover{background-position: left!important;color:#000!important}

.detayBtn .btn img{transition: 300ms;margin: 0px;}


.detayBtn .btn i{font-size: 18px;background-color: transparent;color: var(--textColor);}

.detayBtn.mavi .btn{border:0px solid var(--blue);color:#fff;background: linear-gradient(90deg,var(--red) 50%,var(--blue) 50%) right/202%;border-radius: 0px;}
.detayBtn.mavi .btn:hover{color:#fff!important}

.detayBtn.beyaz .btn{border:1px solid var(--white);color:var(--white);background: linear-gradient(90deg,var(--white) 50%,transparent 50%) right/210%;border-radius: 16px;}
.detayBtn.beyaz .btn:hover {color:var(--green)!important}
.detayBtn.beyaz .btn i {color:var(--white)!important}
.detayBtn.beyaz .btn:hover i {color:var(--green)!important}

.detayBtn.yesil .btn{border:1px solid var(--green);color:var(--green);background: linear-gradient(90deg,var(--green) 50%,#fff 50%) right/190%;border-radius: 16px;}
.detayBtn.yesil .btn:hover {color:var(--white)!important;background-position: left!important;background-size: 200%;}
.detayBtn.yesil .btn:hover i{color: var(--white);}


.detayBtn.mor .btn{border:1px solid var(--white);color:var(--white);background: linear-gradient(90deg,#AE8BB9 50%,#C6A6D0 50%) right/190%;border-radius: 0;}
.detayBtn.mor .btn:hover {color:var(--white)!important;background-position: left!important;background-size: 200%;}



.youtubeBtn{display: inline-flex;align-items: center;gap:8px;justify-content: flex-start;font: normal normal normal 14px/18px Jost;color: var(--black);box-shadow: 0px 3px 6px #00000029;padding:10px 15px;border-radius: 16px;margin-top: 30px;
transition: 300ms;}
.youtubeBtn i{color:#FF0000;font-size: 22px;transition: 300ms;}
.youtubeBtn:hover{background-color: #ff0000;color: var(--white);}
.youtubeBtn:hover i{color: var(--white);}


.columnReverse{display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.flexRow{display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;}

.leftTitle{font: normal normal bold 35px/55px Jost;color: #000000;position: relative;display: flex;align-items: center;gap:12px;margin-top: 45px;}
.leftTitle::after{content:'';background-color: #000000;height: 1px;flex: 1;margin-top: 25px;}

.titleWrap{margin-top: 45px;margin-bottom: 45px;}
.title{color: var(--green);display: inline-flex;align-items: center;justify-content: flex-start;}
.title *{font: normal normal bold 28px/36px Jost;}
.title.textWhite{color:#fff!important}
.title.textBlack span{color:#1B1A1A!important;font: normal normal 600 22px/28px Jost;text-align: left;}
.title.textGray{margin-bottom: 15px;}
.title.textGray span{color:var(--textColor)!important;font: normal normal bold 12px/18px Jost;text-align: left;}
.title.textRed{color:var(--red)!important}
.title.bgRed h3{background-color: var(--blue);display: inline-block;color:#fff;padding:4px 15px}
.title.icon{display: flex;align-items: center;justify-content: flex-start;padding: 15px 0px;position: relative;}
.title.icon::before{content:'';background-image: url("../images/title-logo.svg");background-repeat: no-repeat;background-size: 100px;
position: absolute;width: 100%;height: 60px;z-index: 0;bottom: 20px;}
.title span{z-index: 1;position: relative;text-align: center;}
.title.icon2::before{background-image: url("../images/icons/logoIconBlue.svg");opacity: 0.39}
.title.center{justify-content: center;padding: 0px 0px;}
.title.center.line::after{right:0px;margin: auto;}

.title.line span{padding-left: 0px;position: relative;}
.title.line span::after{content:'';left:0px;bottom:-4px;height: 6px;width: 100%;background-color: var(--green2);position: absolute;}
.titleWrap p{text-align: left;font: normal normal normal 14px/18px Jost;color: #707070;}
.titleWrap img{margin-bottom: 8px;}
.text{font: normal normal normal 16px/24px Jost!important;color: var(--textColor);}






.topBigTitleFluid{background: transparent linear-gradient(90deg, #848484 0%, #848484 100%) 0% 0% no-repeat padding-box;}

.topBigTitleFluid .bigTitleTwoColumn{min-height: 65px;}
.topBigTitleFluid .bigTitleTwoColumn{display: flex;align-items: center;justify-content: space-between;gap:8px;}
.topBigTitleFluid .bigTitleTwoColumn h1{font: normal normal bold 26px/34px Jost;color: #fff;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap{display: flex;align-items: flex-end;justify-content: flex-start;gap:8px;margin-bottom: 0px;flex-wrap: wrap;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap a{font: normal normal normal 11px/17px Jost;color: #fff;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap i{color: #fff;font-size: 15px;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child a{font-weight: 600;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child i{display: none;}
.bigTitleLeftCol div{display: block;margin-top: 0px;}
.bigTitleRight{display: flex;gap:8px}


.innerPageTopWrap{margin-block: 60px;}


.leftBlockColumn{margin-bottom: 45px;}
.navbarTitle{font: normal normal bold 14px/20px Jost;color: var(--white);border-bottom:0px solid #E13510;padding: 12px 30px;margin-bottom: 15px;background-color: var(--red);position: relative;}
.navbarTitle::before{content:'';position: absolute;bottom:-12px;left:30px;width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-top: 12px solid var(--red);}
.pageNavbarParent{padding: 0px;background-color: transparent;border-radius: 0px;box-shadow: 0px 0px 0px #00000029;border:1px solid var(--red);}
.pageNavbarParent .pageNavbar{overflow: hidden;overflow-y: auto;padding: 15px 15px;background: transparent linear-gradient(123deg, #FF0000 0%, #7E7E7E 100%)}
.pageNavbarParent .pageNavbar li:not(:last-child){margin-bottom: 4px;}
.pageNavbarParent .pageNavbar::-webkit-scrollbar-thumb{width: 5px;background-color:var(--red);}
.pageNavbarParent .pageNavbar::-webkit-scrollbar{width: 5px;background-color: black;}
.pageNavbarParent .pageNavbar.active{opacity: 1!important;visibility: visible!important;height: auto!important;overflow: auto;}
.pageNavbarParent .pageNavbar li a{display: flex;align-items: center;justify-content: space-between;padding:12px 8px;font: normal normal normal 14px/20px Jost;color: var(--white);transition: 300ms;position: relative;}
.pageNavbarParent .pageNavbar li a:hover{color: var(--white);background-color: var(--red);}
.pageNavbarParent .pageNavbar li a.active{color: var(--white);font-weight: 600;}
.pageNavbarParent .pageNavbar .pageNavbar{padding:  0px 0px 0px 12px;height: 0px;opacity: 0;visibility: hidden;overflow: hidden;}
.pageNavbarParent .pageNavbar .pageNavbar.active{opacity: 1;height: auto;display: block!important;}
.pageNavbarParent .pageNavbar .pageNavbar li > a{text-indent: 0px;font: normal normal 600 12px/16px Jost}
.pageNavbarParent .pageNavbar .pageNavbar .pageNavbar li a{text-indent: 0px;}
.pageNavbarParent .pageNavbar li a.active::before{content:'';position: absolute;right:8px;top:10px;background-color: #CFB53B;border-radius: 100%;width: 15px;height: 15px;display: none;}
  



.mobileCategoryCol_{display: flex;align-items: center;justify-content: center;gap:8px;background-color: var(--black);color:var(--white);padding: 8px;margin-bottom: 15px;width: 100%;}



.fileChange{position: relative;cursor: pointer;}
.fileChange input{position: relative;z-index: 1;opacity: 0!important;cursor: pointer;width: 170px;}
.fileChange ul{display: flex;align-items: center;gap:8px;position: absolute;top: 0px;left: 0;transition: 200ms;}
.fileChange:hover ul{transform: scale(1.03);}
.fileChange ul li:first-child{border-radius: 5px;background: #797979;padding: 8px 20px;font: normal normal normal 12px/18px Jost;color: #fff;}
.fileChange ul li:last-child{font: normal normal normal 12px/18px Jost;color: #fff;}




.marquee-container{margin-top: 0px;}
marquee ul{display: flex;align-items: center;gap:15px;font: normal normal bold 24px/32px Jost;color: var(--text);-webkit-text-stroke: 1px #6b6b6b;color: transparent;}
marquee ul li{position: relative;}
marquee ul li::after{content:'';position: absolute;left: -15px;top: 15px;width: 6px;height: 6px;background-color: var(--yellow);border-radius: 100%;}


.siteTopWrap{position: sticky;top:0;z-index: 22;border-bottom:1px solid #CECECE;background-color: var(--yellow);}
.siteTopWrap ul{display: flex;align-items: center;justify-content: center;padding: 15px 0px;gap:30px;overflow: hidden;}
.siteTopWrap ul li:not(:first-child){list-style-type:disc!important;}
.siteTopWrap ul li{font: normal normal normal 12px/20px Jost;white-space: no-wrap;display: inline-block;position: relative;}
.siteTopWrap ul li::after{content:'';position: absolute;left:-12px;top:5px;width:8px;height: 8px;background-color: var(--brown);border-radius: 100%;}


.haberdarWrap{margin-top: 45px;margin-bottom: 45px;text-align: center;}
.haberdarWrap .haberdarParent{background: transparent linear-gradient(90deg, var(--black) 0%, #7e7e7e 100%);padding: 30px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.haberdarWrap .haberdarParent ul{color: var(--white);display: flex;flex-direction: column;gap:10px}
.haberdarWrap .haberdarParent ul i{font-size: 62px;}
.haberdarWrap .haberdarParent ul li:nth-child(2){font-size: 16px;font-weight: bold;}
.haberdarWrap .haberdarParent ul li:nth-child(3){font-size: 12px;}
.haberdarWrap .haberdarParent ul .btn{color: var(--black);}
.haberdarWrap .haberdarParent ul .switchRadio input::before{background-image: linear-gradient(var(--white),var(--white));opacity: 0.6;}
.haberdarWrap .haberdarParent ul label{color: var(--white);font-size: 12px;}




.contentWrap{background-color: var(--white);box-shadow: 0px 3px 20px #00000029;border-radius: 31px;margin-block: 45px;padding: 45px;}
.contentParent{padding: 0;}
.contentParent .caption{font: normal normal bold 30px/43px Jost;color: var(--green);}
.contentTextParent{gap:30px;padding: 0;margin-top: 15px;display: flex;}
.contentTextParent .contentLeftCol_,
.contentTextParent .contentRightCol_{padding: 0;}



.headerLanguage{display: flex;align-items: center;position:relative;}
.headerLanguage > li:not(:last-child) a{border-right:1px solid #CECECE;}
.headerLanguage > li:not(:last-child) a img{width: 15px;}
.headerLanguage > li a{padding:15px 8px;color:var(--blue)}
.headerLanguage > li:last-child {margin-left: 8px;}
.headerLanguage > li{color:var(--red);font-size: 13px;margin-bottom: 0px;text-align: center;position: relative;}
.headerLanguage > li:last-child a{color:var(--red);border: 1px solid var(--red);border-radius: 19px;}
.headerLanguage  li a.lang{border: 1px solid var(--red);border-radius: 19px;padding:6px 4px;color:var(--red)}
.headerLanguage  li a.lang img{width: 14px;}
.headerLanguage > a{display: flex;align-items: center;justify-content: center;gap:4px;border: 1px solid var(--white);border-radius: 0px;padding:9px 4px;font: normal normal normal 11px/17px Jost;color: var(--white);}

.langList{text-align:center;position:absolute;width:100%;border:1px solid #fff;background-color:#fff;left:0px;top:42px;display:none;z-index:1;border:1px solid var(--red)}
.langList li:nth-child(1n+2){border-top:1px solid #008BDA!important}
.langList li a{border:0px!important;color:#000!important;border-radius:0px!important;display: flex;align-items: center;justify-content: center;gap:4px}
.langList li:hover a{background-color:#008BDA;color:#fff!important}




#google_translate_element {display: inline-block;padding: 8px 12px;border: 1px solid #ddd;border-radius: 8px;background: #f9f9f9;font-size: 14px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);position: fixed;z-index: 100;
top: 50%;transform: translateY(-50%);}
.goog-te-combo {padding: 6px 10px;border: 1px solid #ccc;border-radius: 6px;background: #fff;font-size: 14px;cursor: pointer;}
.goog-te-combo:hover {border-color: #666;}


body .headerTopWrap{position: fixed;z-index: 10;width: 100%;transition: 250ms;transition-timing-function: ease-in;background-color: transparent;}

body .headerTopWrap.active{background-color: #03182F;}

.pageTopWrap .headerFlex{margin-top: 0px;display: flex;align-items: center;justify-content: space-between;position: relative;gap:20px;padding:0px 0px}
body{background-image: var(--pagePattern);z-index: 10;background-repeat: no-repeat;background-color: var(--darkBg);}




.headerLeft{width: 260px;float:left;display: flex;align-items: left;z-index: 1;border-right:0px solid #e2e2e2;padding: 10px;}
.headerLeft a{flex: 1;}
.headerLeft a img{transition: 300ms;display: block;filter: brightness(0) invert(1);}
.headerLeft a:hover img{transform: scale(1);}


.headerRight{width: auto;display: flex;align-items: center;justify-content: flex-end;gap:5px;z-index: 0;padding-right: 15px!important;}
.headerRight .language a:hover{background-color: var(--red);color: var(--white);}
.headerRight .language a{border:1px solid var(--black);padding:0px;display: inline-flex;color:var(--black);width: 25px;height: 20px;;align-items: center;justify-content: center;border-radius: 6px;
  font-size: 12px;transition: 300ms;}


.headerNavbarwrap > .headerNavbar > li[data-page="randevu-al"] a{border:1px solid var(--white);color:var(--textColor);background: linear-gradient(90deg,var(--textColor) 50%,#fff 50%) right/210%;border-radius: 0;padding: 4px 8px;}
.headerNavbarwrap > .headerNavbar > li[data-page="randevu-al"] a:hover{background-position: left;}


.navbarWrap{background-color: var(--black);}
.headerNavbarwrap{width: auto;display: flex;align-items: center;justify-content: center;gap:0px;z-index: 2;padding: 0px 0px;}
.headerNavbarwrap > .headerNavbar{display: flex;align-items: center;justify-content: center;gap:15px;padding: 0px 0px;margin-right: auto;width: 100%;}
.headerNavbarwrap > .headerNavbar > li{display: flex;align-items: center;justify-content: center;height: 64.19px;}
.headerNavbarwrap > .headerNavbar > li:not([data-page="randevu-al"]) a span::before{content:'';position: absolute;left:50%;transform: translateX(-50%);bottom:-5px;width: 15px;height:1px;background-color: var(--white);transition: 300ms;}
.headerNavbarwrap > .headerNavbar > li:hover a span::before{width: 100%;}

.headerNavbarwrap > .headerNavbar > li > a{display:flex;font: normal normal 300 16px/20px Jost;position: relative;align-items: center;justify-content: center;padding: 4px 0px;color:var(--white);transition: 500ms;gap:0px}
/*.headerNavbarwrap > .headerNavbar > li > a i{color:var(--red);transition: 300ms;}*/
.headerNavbarwrap > .headerNavbar > li > a i{font-size:22px;color: var(--white);transition: 300ms;position: relative;left: 7px;}
.headerNavbarwrap > .headerNavbar > li > a img{transition: 300ms;width: 20px;}
.headerNavbarwrap > .headerNavbar > li > a span{position: relative;}
.headerNavbarwrap > .headerNavbar > li > a.active i,
.headerNavbarwrap > .headerNavbar > li > a:hover i{transform: rotate(90deg);}
.headerNavbarwrap > .headerNavbar > li:last-child i{color:var(--red);font-size:18px}

.headerNavbarwrap > .headerNavbar .headerNavbar{position: absolute;background-color: var(--white);z-index: 12;min-width: 275px;right:-30px;transition: 0ms;display: none;
border-radius: 0px;padding: 15px 15px;box-shadow: 0px 3px 6px #00000029!important}
.headerNavbarwrap > .headerNavbar .headerNavbar::-webkit-scrollbar-thumb{width: 5px;background-color: var(--red);}
.headerNavbarwrap > .headerNavbar .headerNavbar::-webkit-scrollbar{width: 5px;background-color: var(--black);}
.headerNavbarwrap > .headerNavbar .headerNavbar li{position: relative;}
.headerNavbarwrap > .headerNavbar .headerNavbar li  a{display: block;padding:2px 4px;font: normal normal 500 15px/26px Jost;transition: 300ms;color: #7E7E7E;font-size: 13px;}
/*.headerNavbarwrap > .headerNavbar .headerNavbar.active li a:hover{background-color: transparent;;}*/
.headerNavbarwrap > .headerNavbar .headerNavbar.active li:not(:last-child) a{border-bottom: 1px solid #E2E2E2;}

.headerNavbarwrap > .headerNavbar .headerNavbar i{display: none!important}
/*
.headerNavbarwrap > .headerNavbar .headerNavbar .headerNavbar{display: none!important;}
*/

.headerNavbarwrap > .headerNavbar li .headerNavbar.subMenu1.active{display: grid!important;}

.subMenu2{pointer-events: none;}
.headerNavbarwrap > .headerNavbar .headerNavbar.active .subMenu2{pointer-events: auto;}
.headerNavbarwrap > .headerNavbar .headerNavbar.active .subMenu2 a{font-size: 12px;font-weight: 500;transition: 0ms;}

.headerNavbarwrap > .headerNavbar li:not(.urunlerMenu) .subMenu1{top:62px}
.headerNavbarwrap > .headerNavbar li:not(.urunlerMenu){position: relative;}
.headerNavbarwrap > .headerNavbar .headerNavbar.subMenu1{left: 50%;transform: translateX(-50%);}
.headerNavbarwrap > .headerNavbar li.urunlerMenu .headerNavbar.subMenu1 > li > a{background-color: #7E7E7E;color: var(--white)}
.headerNavbarwrap > .headerNavbar li.urunlerMenu .headerNavbar.subMenu1 > li em{font-size: 10px;font-style: normal;}
.headerNavbarwrap > .headerNavbar li.urunlerMenu .headerNavbar.subMenu1{position: absolute;width: calc(100% - (100% / 6));top: 63px;display: none;grid-template-columns: repeat(4,1fr);gap:15px}

.headerNavbarwrap > .headerNavbar .headerNavbar.subMenu2.active{left:100%;top: 0;position: relative!important;}
.headerNavbarwrap > .headerNavbar li.urunlerMenu .headerNavbar.subMenu2{left:0!important;display: block;position: relative!important;box-shadow: none!important;padding: 0;}

.headerNavbarwrap > .headerNavbar li.urunlerMenu .headerNavbar.subMenu2 > li > a{color: #7E7E7E}

@media(max-width:1400px){
  .pageTopWrap .headerFlex{justify-content: flex-start;}
  .pageTopWrap .headerFlex .headerLeft{width: 200px;}
  .headerNavbarwrap{width: inherit;}
  .headerRight{margin-left: auto;}
}
@media(max-width:992px){
.headerNavbarwrap > .headerNavbar li.urunlerMenu .headerNavbar.subMenu1{grid-template-columns: repeat(2,1fr);width: calc(100% - 30px);overflow: hidden;overflow-y: auto;height: calc(100vh - 63px);}
.headerNavbarwrap > .headerNavbar li:not(.urunlerMenu) .headerNavbar.subMenu1{left: 0;transform: translateX(0);}
.headerNavbarwrap > .headerNavbar li.urunlerMenu .headerNavbar.subMenu2{top:0}
.headerNavbarwrap > .headerNavbar > li{height: auto;}

/* ── MOBİL HAMBURGER MENÜ ── */
.pageMobileBrand{
  display: flex;flex-direction: column;justify-content: center;gap:6px;
  width:40px;height:40px;padding:6px;cursor:pointer;background:transparent;border:none;
  z-index:11;flex-shrink:0;
}
.pageMobileBrand span{
  display:block;width:100%;height:2px;background:var(--white);
  border-radius:2px;transition:transform 300ms, opacity 300ms;
  transform-origin:center;
}
.pageMobileBrand.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.pageMobileBrand.active span:nth-child(2){opacity:0;}
.pageMobileBrand.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

.headerNavbarwrap{
  position:fixed;top:0;left:-290px;width:280px;height:100vh;
  background-color:var(--darkBg2,#0d1e35);
  flex-direction:column;align-items:stretch;justify-content:flex-start;
  overflow-y:auto;overflow-x:hidden;
  transition:left 350ms cubic-bezier(.4,0,.2,1);
  z-index:100;padding:0;
  box-shadow:4px 0 20px rgba(0,0,0,.5);
}
.headerNavbarwrap.active{left:0;}

/* Mobil menü üst bar */
.mobileMenuHeader{
  display:flex !important;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);
  flex-shrink:0;
}
.mobileMenuLogo img{width:120px;filter:brightness(0) invert(1);}

/* Çarpı butonu */
.pageMobileBrandClose{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;background:transparent;border:1px solid rgba(255,255,255,.25);
  border-radius:4px;cursor:pointer;position:relative;flex-shrink:0;
}
.pageMobileBrandClose span{
  display:block;width:16px;height:2px;background:var(--white);border-radius:2px;
  position:absolute;
}
.pageMobileBrandClose span:nth-child(1){transform:rotate(45deg);}
.pageMobileBrandClose span:nth-child(2){transform:rotate(-45deg);}
.pageMobileBrandClose:hover{background:rgba(255,255,255,.1);}

/* Nav listesi mobil */
.headerNavbarwrap > .headerNavbar{
  flex-direction:column;align-items:stretch;gap:0;
  padding:8px 0;width:100%;margin:0;
}
.headerNavbarwrap > .headerNavbar > li{
  display:block;height:auto;border-bottom:1px solid rgba(255,255,255,.07);
}
.headerNavbarwrap > .headerNavbar > li > a{
  justify-content:flex-start;padding:14px 20px;font-size:15px;
}
.headerNavbarwrap > .headerNavbar > li:not([data-page="randevu-al"]) a span::before{display:none;}
.headerNavbarwrap > .headerNavbar > li > a i{left:auto;margin-left:auto;}

/* Alt menü mobil */
.headerNavbarwrap > .headerNavbar .headerNavbar{
  position:static;box-shadow:none!important;transform:none;
  min-width:0;background:rgba(0,0,0,.2);padding:0;border-radius:0;
}
.headerNavbarwrap > .headerNavbar li .headerNavbar.subMenu1.active{display:block!important;}
.headerNavbarwrap > .headerNavbar .headerNavbar li a{
  padding:10px 20px 10px 36px;color:rgba(255,255,255,.7)!important;font-size:13px;
}
.headerNavbarwrap > .headerNavbar .headerNavbar.active li:not(:last-child) a{
  border-bottom:1px solid rgba(255,255,255,.05);
}
.headerNavbarwrap > .headerNavbar .headerNavbar i{display:none!important;}

/* Sosyal medya */
.mobileMenuSosyal{
  display:flex !important;align-items:center;gap:16px;
  padding:20px;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);
}
.mobileMenuSosyal a{color:var(--white);font-size:18px;opacity:.7;transition:opacity 200ms;}
.mobileMenuSosyal a:hover{opacity:1;}

/* Overlay — headerTopWrap'ın z-index:10 altında kalmalı */
.mobileMenuOverlay{z-index:9;}
}

@media(max-width:768px){
.headerNavbarwrap > .headerNavbar li.urunlerMenu .headerNavbar.subMenu1{grid-template-columns: repeat(1,1fr);}
.pageTopWrap .headerFlex{justify-content: space-between;}
}

.sliderWrap{margin-bottom:0px;position: relative;animation: scroll-scale linear;animation-timeline: scroll(root block);scale:1 1;margin-top: 0px;border-radius: 0px;overflow: hidden;}
.sliderWrap::before{content:'';background: transparent linear-gradient(90deg, #409A23 0%, #FFFFFF 100%);width: 100%;height: 13px;position: absolute;bottom:0px;left:0px;z-index: 2;}
.slideWrap{margin-top: 0px;display: flex;align-items: center;}
.slide-img{width: 100%;}
.videoParent{position: relative;height: calc(100vh - 0px);overflow: hidden;}

.slideWrap video{width:auto;height:auto;min-width: 100%;min-height: 100%;display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);object-fit: cover;background-size: cover;}

.videoParent{position: relative;}
.slideWrap video{width: 100%;}
.slideWrap .col-xs-12{padding: 0;}

.sliderWrap .swiper{padding: 0px 0px 0px 0px;}
.sliderWrap .slider-pagination{margin-top: 30px!important;text-align: center;}
.sliderWrap .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(112, 112, 112,0.7)!important;}
.sliderWrap .swiper-pagination-bullet{background: var(--white);border: 1px solid rgba(112, 112, 112,0.57)!important;width: 20px;height: 20px;opacity: 1;}
.sliderWrap .slider-prev{position: absolute;left: 90px;z-index: 100;bottom:0}
.sliderWrap .slider-prev img{width: 60px;transform: rotate(180deg);}
.sliderWrap .slider-next{position: absolute;left: 160px;z-index: 100;bottom:-30px;transform: translateY(-50%);}
.sliderWrap .slider-next img{width: 60px;}


:root{--s:0%}
.sliderTextContainer{position: absolute;z-index: 1;top:50%;left:50%;transform: translate(-50%, -50%);text-align: center;}
.sliderTextContainer ul li:first-child{font: normal normal 300 32px/40px Jost;color: var(--white);}
.sliderTextContainer ul li:last-child{font: normal normal bold 44px/57px Jost;color: var(--white);position: relative;}
.sliderTextContainer ul li:last-child span{z-index: 2;position: relative;}
.sliderTextContainer ul li:last-child::before{content:'';position: absolute;bottom:8px;left:0px;width: 100%;height: 7px;background-color: #409A23;}



.registerRowInner{position: relative;margin-top: 45px;}
.registerRowInner::before{content:'';background: #fff;left: 0;
width: 100%;height:1px;position: absolute;}
.registerRow ul{display: flex;align-items: center;justify-content: space-between;padding:15px 0px;}
.registerRow ul li{font: normal normal normal 14px/29px Jost;color: #FFFFFF;display: flex;gap:8px;}
.registerRow ul li i{color: var(--white);font-size: 22px;}




/* =============================================
   HOMEPAGE — ANASAYFA STİLLERİ
   ============================================= */

:root {
    --darkBg:  #071326;
    --darkBg2: #0d1e35;
    --darkBg3: #0a1a2e;
    --altinRenk: #e8b84b;
}


/* =============================================
   HERO SLIDER
   ============================================= */
.homeHeroWrap {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.homeHeroSwiper,
.homeHeroWrap .swiper {
    width: 100%;

}

.homeHeroWrap .swiper-slide {
    display: flex;
    align-items: center;

}

.homeHeroContainer {
    padding-top: 100px;
    padding-bottom: 60px;
}

.homeHeroRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.homeHeroLeft {
    flex: 0 0 44%;
    max-width: 44%;
}

.homeHeroRight {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    justify-content: flex-end;
}

.homeHeroTitle {
    font-family: 'Controwell Script', cursive;
    font-size: 52px;
    line-height: 1.2;
    color: var(--white);
    font-weight: normal;
    margin-bottom: 24px;
}

.homeHeroText {
    color: rgba(255,255,255,0.85);
    font: normal normal 300 15px/26px Jost;
    margin-bottom: 32px;
}

.homeHeroText p { margin-bottom: 16px; color: inherit; }
.homeHeroText p:last-child { margin-bottom: 0; }

.homeHeroBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 28px;
    border: 1px solid var(--white);
    color: var(--white);
    font: normal normal 400 13px/18px Jost;
    letter-spacing: 2px;
    transition: 300ms;
    background: linear-gradient(90deg, var(--white) 50%, transparent 50%) right / 202%;
}

.homeHeroBtn:hover {
    background-position: left;
    color: var(--darkBg) !important;
}

.homeHeroImgFrame {
    width: 100%;
    max-width: 460px;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
}

.homeHeroImgFrame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: 580px;
    object-position: top center;
}

.homeHeroPagination {
    bottom: 30px !important;
    text-align: center;
}

.homeHeroWrap .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,0.4);
    border: 1px solid rgba(255,255,255,0.5);
    opacity: 1;
    transition: 300ms;
}

.homeHeroWrap .swiper-pagination-bullet-active {
    background: rgba(255,255,255,0.9) !important;
    width: 28px;
    border-radius: 5px;
}


/* =============================================
   KİTAP BÖLÜMÜ
   ============================================= */

.homeKitapFluid .container{background: transparent linear-gradient(270deg, #031830 0%, #1E3044 100%) 0% 0% no-repeat padding-box;border-radius: 30px;}
.homeKitapWrap {
    padding: 30px 0;
}

.homeKitapRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    padding:45px
}

.homeKitapLeft {
    flex: 0 0 auto;
}

.homeKitapImg {
    max-width: 300px;
    width: 100%;
    display: block;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.6));
    border-radius: 4px;
}

.homeKitapRight {
    flex: 1;
    max-width: 480px;
}

.homeKitapBaslik {
    line-height: 1;
    margin-bottom: 24px;
}

.homeKitapBeyaz {
    display: block;
    font-family: 'Gotham', 'gothic', Jost, sans-serif;
    font-size: 72px;
    font-weight: 700;
    color: var(--white);
    line-height: 1.05;
    letter-spacing: -1px;
}

.homeKitapSari {
    display: block;
    font-family: 'Gotham', 'gothic', Jost, sans-serif;
    font-size: 72px;
    font-weight: 700;
    color: var(--altinRenk);
    line-height: 1.05;
    letter-spacing: -1px;
}

.homeKitapMetin {
    font: normal normal 300 15px/26px Jost;
    color: rgba(255,255,255,0.75);
    margin-bottom: 32px;
}

.homeKitapBtn,.homeKitapBtn:visited {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border: 1px solid rgba(255,255,255,0.5);
    background-color: rgba(255,255,255,0.08);
    color: var(--white);
    font: normal normal 500 13px/18px Jost;
    letter-spacing: 1.5px;
    border-radius: 3px;
    transition: 300ms;
}

.homeKitapBtn:hover {
    background-color: var(--white);
    color: var(--darkBg) !important;
    border-color: var(--white);
}

.homeKitapBtn i {
    font-size: 15px;
}


/* =============================================
   MEDYA BÖLÜMÜ
   ============================================= */
.homeMedyaWrap {
    background-color: var(--darkBg);
}

.homeMedyaRow {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    min-height: 380px;
}

.homeMedyaKart {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0px 30px;
    position: relative;
    transition: 300ms;
    cursor: pointer;
}

.homeMedyaKart:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.08);
}

.homeMedyaKart:hover {
    background-color: rgba(255,255,255,0.03);
}

.homeMedyaYoutube {
    background: transparent linear-gradient(90deg, #031830 0%, #1E3044 100%) 0% 0% no-repeat padding-box;border-radius: 0;
    flex-direction: column;gap: 30px;
}
.homeMedyaYoutubeIc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;margin-top: 15px;
    gap: 20px;
    text-decoration: none !important;
}

.homeYtLogo {
    width: auto;
    max-width: 100%;
    filter: drop-shadow(0 10px 30px rgba(255,0,0,0.35));
    transition: 300ms;
    max-width: 75%;
}

.homeMedyaYoutubeIc:hover .homeYtLogo {
    transform: scale(1.06);
    filter: drop-shadow(0 15px 40px rgba(255,0,0,0.55));
}

.homeYtUrl {
    font: normal normal 300 13px/18px Jost;
    color: rgba(255,255,255,1);
    border-left: 1px solid var(--white);padding-left: 8px;
    letter-spacing: 0.5px;
    margin-top: 30px;height: 40px;display: flex;align-items: center;
}

.homeMedyaTv{
    background: transparent linear-gradient(90deg, #031830 0%, #1E3044 100%) 0% 0% no-repeat padding-box;border-radius: 0px 30px 30px 0px;
}

.homeMedyaTvIc {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;padding: 30px 0;
}

.homeTvImg {
    width: auto;
    max-width: 100%;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.5));max-width: 75%;
}

.homeTvText {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;width: 100%;margin-top: 15px;
}

.homeTvText p {
    font: normal normal 300 14px/24px Jost;
    color: rgba(255,255,255,1);
    border-left: 1px solid var(--white);padding-left: 8px;
    margin: 0;
}

.homeMedyaBtn {
    display: inline-flex;
    align-items: center;
    padding: 9px 22px;
    border: 1px solid rgba(255,255,255,0.5);
    color: var(--white);
    font: normal normal 500 12px/18px Jost;
    letter-spacing: 1.5px;
    border-radius: 3px;
    transition: 300ms;
}

.homeMedyaBtn:hover {
    background-color: var(--white);
    color: var(--darkBg) !important;
}


/* =============================================
   ÖZLÜ SÖZLER + İLETİŞİM
   ============================================= */


   .homeAltWrap{margin-top: 30px;}
.homeAltRow {
    display: flex;
    min-height: 400px;
}

.homeAltKart {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
}

.homeAltKart:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.08);
}

/* Özlü Sözler Kartı */
.homeOzluKart {
    background: transparent linear-gradient(270deg, #031830 0%, #1E3044 100%) 0% 0% no-repeat padding-box;border-radius: 30px;
}

.homeOzluIc {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.homeOzluUst{background: transparent linear-gradient(98deg, #4A6F93 0%, #808080 100%) 0% 0% no-repeat padding-box;border-radius: 30px;padding: 15px 30px;
font: normal normal bold 16px/25px Jost;color: var(--white);width: calc(100% - 30px);}
.homeOzluEtiket {
    
    letter-spacing: 1px;
    text-transform: uppercase;
    
    margin: 0;
}

.homeOzluYazar {
    font: normal normal normal 13px/20px Jost;
    color: var(--white);
    letter-spacing: 2px;
    margin: 0;
}

.homeOzluSlider {
    min-height: 120px;
    padding: 0px 45px;
    margin-top: 30px;background-image: var(--tirnak);
    background-repeat: no-repeat;background-position: 20px top;background-size: 80px;
}
.homeOzluSlider p{font: normal normal normal 28px/42px Jost;color: #FFFFFF;}

.homeOzluSoz {
    font: normal normal 300 26px/38px Jost;
    color: var(--white);
    margin: 0;
    padding: 0;
    border: none;
}

.homeOzluDevamBtn {
    display: inline-flex;
    align-items: center;
    font: normal normal 400 12px/18px Jost;
    color: rgba(255,255,255,0.45);
    letter-spacing: 1px;
    transition: 300ms;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.homeOzluDevamBtn:hover {
    color: var(--white) !important;
}

/* İletişim Kartı */
.homeIletisimKart {
    mix-blend-mode: luminosity;
    background-image: url("/picture/bana-ulasin.png");background-position: center center;background-size: cover;background-repeat: no-repeat;
    align-items: flex-end;border-radius: 30px;
}

.homeIletisimIc {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;padding: 0px 15px;margin-bottom: 15px;
}

.homeIletisimImg {
    width: 180px;
    max-width: 100%;
    opacity: 0.7;
}

.homeIletisimMetin {
    font: normal normal 300 14px/24px Jost;
    width: 50%;border-left: 1px solid var(--white);padding-left: 8px;
    color: rgba(255,255,255,1);
    margin: 0;
}

.homeIletisimBtn {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid rgba(255,255,255,0.45);
    color: var(--white);
    font: normal normal 500 12px/18px Jost;
    letter-spacing: 1.5px;
    border-radius: 3px;
    transition: 300ms;
}

.homeIletisimBtn:hover {
    background-color: var(--white);
    color: var(--darkBg) !important;
}



/* =============================================
   RESPONSİVE
   ============================================= */
@media (max-width: 992px) {
    .homeHeroRow {
        flex-direction: column-reverse;
        text-align: center;
        padding-top: 20px;
    }
    .homeHeroLeft,
    .homeHeroRight {
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: center;
    }
    .homeHeroTitle {
        font-size: 38px;
    }
    .homeHeroImgFrame {
        max-width: 320px;
        margin: 0 auto;
    }
    .homeHeroContainer {
        padding-top: 80px;
    }

    .homeKitapRow {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 40px;
    }
    .homeKitapBeyaz,
    .homeKitapSari {
        font-size: 56px;
    }

    .homeMedyaRow {
        flex-direction: column;
    }
    .homeMedyaKart:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .homeAltRow {
        flex-direction: column;
    }
    .homeAltKart:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .homeAltKart {
        padding: 40px 24px;
    }
}

@media (max-width: 768px) {
    .homeHeroTitle {
        font-size: 30px;
    }
    .homeHeroWrap,
    .homeHeroSwiper,
    .homeHeroWrap .swiper-slide {
        min-height: auto;
    }
    .homeHeroContainer {
        padding-bottom: 40px;
    }
    .homeKitapBeyaz,
    .homeKitapSari {
        font-size: 44px;
    }
    .homeOzluSoz {
        font-size: 20px;
        line-height: 30px;
    }
    .homeMedyaKart {
        padding: 40px 24px;
    }
    .homeMedyaRow {
    grid-template-columns: repeat(1,1fr);
}
    .homeOzluUst{font: normal normal bold 12px/21px Jost;}
    .homeOzluSlider{padding: 0px 15px;}
    .homeOzluSlider p{font: normal normal normal 22px/37px Jost;}
}





















.slidercaptcha {margin: 0 auto;width: 314px;height: 286px;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);margin-top: 40px;}
.slidercaptcha .card-body {padding: 1rem;}
.slidercaptcha canvas:first-child {border-radius: 4px;border: 1px solid #e6e8eb;}
.slidercaptcha.card .card-header {background-image: none;background-color: rgba(0, 0, 0, 0.03);}
.refreshIcon {top: -54px;}




.loader {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 0;
  height: 100vh;
  transition: width 0s 1.4s ease;
}
.loader .loader__icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.loader .loader__icon svg {
  transform-origin: 0 0;
}
.loader .loader__tile {
  position: absolute;
  left: 0;
  width: 0;
  height: 20%;
  background-color: var(--loaderColor);
  transition: width 0.7s ease;
}
.loader .loader__tile:nth-child(0) {
  top: calc(-1 * 20%);
  transition-delay: -0.2s;
}
.loader .loader__tile:nth-child(1) {
  top: calc(0 * 20%);
  transition-delay: 0s;
}
.loader .loader__tile:nth-child(2) {
  top: calc(1 * 20%);
  transition-delay: 0.2s;
}
.loader .loader__tile:nth-child(3) {
  top: calc(2 * 20%);
  transition-delay: 0.4s;
}
.loader .loader__tile:nth-child(4) {
  top: calc(3 * 20%);
  transition-delay: 0.6s;
}
.loader .loader__tile:nth-child(5) {
  top: calc(4 * 20%);
  transition-delay: 0.8s;
}
.loader--active {
  width: 100%;
  transition-delay: 0s;
}
.loader--active .loader__icon {
  opacity: 1;
  transition: opacity 0.5s 1.4s ease;
}
.loader--active .loader__tile {
  width: 100%;
}
.loader--active .loader__tile:nth-child(0) {
  transition-delay: -0.2s;
}
.loader--active .loader__tile:nth-child(1) {
  transition-delay: 0s;
}
.loader--active .loader__tile:nth-child(2) {
  transition-delay: 0.2s;
}
.loader--active .loader__tile:nth-child(3) {
  transition-delay: 0.4s;
}
.loader--active .loader__tile:nth-child(4) {
  transition-delay: 0.6s;
}
.loader--active .loader__tile:nth-child(5) {
  transition-delay: 0.8s;
}