@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap');
html { scroll-behavior: smooth; }
html, body { height: 100%; width: 100%; color: #020202; margin: 0; padding: 0; font-size:18px; line-height: normal; font-family: 'Rajdhani', sans-serif; }
body { min-height: 100%; font-family: "Nunito", serif; font-optical-sizing: auto; font-weight:400; font-style: normal;}
a { text-decoration: none; outline: 0; border: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
i { text-rendering: optimizeLegibility !important; }
p{font-size:18px; font-weight: 300;}
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wrapper { position: relative; min-height: 100%; overflow: hidden; }
.nav a.nav-link{color:#000; border-bottom:5px solid transparent; cursor:pointer; margin:0 5px;}
.nav a.nav-link:hover,
.nav a.nav-link.active {
    border-bottom: 5px solid #363636;
}
header{position: relative; padding:0 50px;}
nav .dropdown-menu{background:#213e96;  top:0; left:0; right:unset; bottom:unset;}
nav .dropdown-menu a.dropdown-item{color:#fff;}
nav .dropdown-menu a.dropdown-item:hover{color:#213e96;}
nav .dropdown-item.active, .dropdown-item:active{background-color:#fff; color:#213e96!important;}
nav  a.dropdown-item{font-size:16px;}

nav .dropdown-toggle::after{display:none;}
.search-container { position: relative; display: inline-block;}
.search-input { width: 0;padding: 5px 10px; border: 1px solid #ccc; border-radius: 20px; outline: none; transition: width 0.4s ease; opacity: 0;}
.search-container.active .search-input { width:160px; opacity: 1;}
.search-btn {background: none; border: none;cursor: pointer; font-size: 18px; color: #333; padding: 5px;}
.search-btn:focus { outline: none;}

.search-popup {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 1000;
}

.search-popup.active {
    display: block;
}

.search-input-popup {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
    outline: none;
}

.fa-linkedin{font-size:20px;}
.dilBtn{border:none; background:none;}
.dilBtn img,.aDil img{display:inline-block; vertical-align:middle; width:24px;}

.aDil span{display:inline-block; margin-right:10px; font-size:12px; font-weight:600;}
.dilDropdown{width:100px!important; min-width:100px;}
.carousel-indicators  {margin-bottom:0;}
.carousel-indicators [data-bs-target] {
    text-indent: 0;
    height:90px;
    background: none;
    border: none;
    position: relative; 
    padding: 5px;
    color: black;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    font-size:14pt;
}

.carousel-indicators [data-bs-target]::before {
    content: "";
    position: absolute;
    left:19px;
    height: 0; 
    width: 2px;
    background: #2e3192;
    transition: height 0.8s ease-in-out;
    bottom:0;
}
.carousel-indicators .active::before {
    height: 35px;
}
.carousel-indicators .active[data-bs-target] {
    font-size:18pt;
    color:#2e3192;
}
.radius0{border-radius: 0!important;}
.mainTitle{color:#2e3192; font-size:36px; font-weight:600;}
.pd100{padding:100px 0;}
.box_counter{display:flex; justify-content:center; align-items:center;  width:270px; height:217px; position:relative;}
.box_counter:before{content:""; position:absolute; inset:0; border:1px solid #94b9ff; border-radius:30px;z-index:-1;}
.box_counter:after{content:""; position:absolute; top:-5px; bottom:-5px; width:200px; background:#fff; z-index:-1;}
.box_counter .counter{display:block;  margin:auto; font-size:42pt; font-weight:300; position:relative; }
.box_counter .counter:after{content:"+";  top:0;}
.box_counter .counter2:after{}
.box_counter .rakam_title{font-size:18px; font-weight:700;}
.buton_pembe{font-size:16px; line-height:44px; padding:0 30px; font-weight:700; color:#fff; border:2px solid transparent; background:#ff007f; border-radius:20px;}
.buton_pembe:hover{background: #fff; color:#ff007f; border:2px solid #ff007f;}

section.markalar{background:#f5f5f6;}
.resim_marka, .resim_marka img{display:block; width:100%;}
.txt_bff{padding:0 10px;}
.txt_bff p{font-size:18px; font-weight:300;}
.rowMarkaLogo{background:#fff; height:128px; margin:0;}
.rowMarkaLogo img{display:block; height:53px; margin:auto;}
.logoConTop{ height:45px; background:#ebe8f0;}
a.markaLogo{display:block; position:relative; opacity:0.7; transition:all ease 300ms; -webkit-transition:all ease 300ms; position:relative;}
a.markaLogo:hover{opacity:1;}
a.markaLogo:before{display:block; content:""; top:-38px; left:0; right:0; height:2px; z-index:1; background:#ff007f; margin:auto; width:0%; transition:all ease 300ms; -webkit-transition:all ease 300ms; position:relative;}
a.markaLogo:hover:before{width:100%;}
section.kategoriler{background:#ff007f;}
section.kategoriler .buton_pembe{background:#fff; color:#ff007f;}
.iconContainer{border:2px solid #fff; color:#fff; display:flex; align-items:center; justify-content:center; padding:15px 0; }
.iconKategori {margin-right:15px;}
.iconKategori img{display:block; width:100%;}
.bannerImgKariyer,.bannerImgKariyer img {display:block; width:100%;}
section.haberler{background:#94b9ff;}
.clear{clear: both;}
a.haber{display:block; padding-bottom:20px; background:#fff;}
a.haber:hover .resimHaber{-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);}
.pdContainer{display:block; padding:0 20px; text-align:left;}
.resimHaber{display:block; width:100%; margin:auto;  transition:all ease 500ms; -webkit-transition:all ease 500ms;}
.resimHaber img{display:block; width:100%;}
.box_title{display:block; color:#204195; font-size:22px; font-weight:700; margin:10px 0;}
.devami{ font-size:14px; color:#2e3192;}
footer{padding:50px 0 80px 0; color:#555555; font-weight:600;}
.footerTitle{font-size:16px; font-weight:700; color:#204195;}
.footerInfoBox a{display:block; color:#555555;}
.footerMenu{line-height:40px;}
.footerLogo{display:block; width:270px; margin:auto;}
.mobileMenu{display:none;}
.btnAc{background:#204195;}
.navMobile .nav-link-mobile{display:block; color:#000; text-align:left; line-height:45px; border-bottom:1px solid #f1f1f1;}

.banner{position:relative; width:100%; height:384px;  }
.bannerHk{background:url(../images/hakkimizda_banner.jpg) no-repeat center center; background-size:cover;}
.bannerKariyer{background:url(../images/kariyerBanner.jpg) no-repeat center center; background-size:cover;}
.bannerBlog{background:url(../images/bannerBlog.jpg) no-repeat center bottom; background-size:cover;}
.bannerBdetay{background:url(../images/bannerBlogDetay.jpg) no-repeat center center; background-size:cover;}
.bannerKatalog{background: url(../images/kataloglarBanner.jpg) no-repeat center center; background-size: cover;}
.bannerIdentity{background: url(../images/identityBanner.jpg) no-repeat center center; background-size: cover;}
.bannerPetite{background: url(../images/bannerPetite.jpg) no-repeat center center; background-size: cover;}
.bannerPielor{background: url(../images/bannerPielor.jpg) no-repeat center center; background-size: cover;}
.bannerIdentity .title_pink{ text-shadow:0px 0px 0px rgba(0, 0, 0, 0)!important;}
.banner .banner_Title{font-size:36px; color:#fff; font-weight:800; letter-spacing:5px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);}
.title_blue{color:#204195; font-weight:700; font-size:22px;}
.title_pink{color:#ff007f!important;}
.container h1,.container h2,.container h3,.container h4,.container h5,.container h6{color:#ff007f!important;}
.title_grey{color:#9fa4af;}
p .fa-circle{font-size:10px; position:relative; bottom:3px; display:inline-block; margin-right:5px;}
.aboutImg{float:right; clear: both;}
.aboutImg img {display:block; width:100%; padding-left:50px;}
/* .banner_alter{display:block; width:auto; height:384px; background: url(../images/aboutImg2.jpg) no-repeat center center; background-size: cover;} */
.banner_alter{display: block; width: 100%;}
.banner_alter img{display: block; width: 100%;}
.titleSirket{text-align: center; font-size:20px; font-weight: 300; color:#213e96;}
.titleSirket img{display: block; width: 60px; margin:auto auto 20px auto;}
.iconBox {width:250px; margin-bottom:30px;}
.iconBox .icon{width:50px;}
.iconBox .icon img{display: block; width:100%;}
.iconBox .title_icon{font-size:20px; font-weight: 600; margin-left:10px;}

.sertifikaImg img{ max-height: 434px !important; object-fit: cover; }

.video {
    position: relative;
    width: 100%; 
    height: 0;
    padding-bottom: 56.25%; 
    overflow: hidden;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.titleMain{color:#213e96; text-align: center; font-weight:300; margin:80px auto;}
.uretimBoxContainer{display:flex; justify-content: center; align-items: self-end;}
.uretimBoxContainer .uretimBox{width: 20%; text-align: center;}
.uretimBoxContainer .uretimBox div{display: block; width:60px; margin:auto auto 10px auto;}
.uretimBoxContainer .uretimBox div img{display: block; width: 100%;}
.uretimBoxContainer .uretimBox div .imgMin{width:45px; margin: auto;}
.nav-pills{min-width:180px;}
.nav-pills .nav-link{border:1px solid #94b9ff; margin-bottom:15px; color:#94b9ff; text-align: left; position: relative;}
.nav-pills button.nav-link .fa-arrow-right{ position: absolute; right:10px; top:10px;}
.nav-pills .nav-link.active{background: #94b9ff;}

.sertifikalar{background: #94b9ff; }
.titleContent{font-size:35px; text-align:center; padding:30px 0; }
.sertifikaTitle{ background: #fff; text-align: center; font-weight:600; padding:10px 0; }
.sertifikaImg{display: block;margin:auto auto 10px auto;}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
color: #203d94;
padding: 10px;
font-size:68pt!important;
}
.owl-theme .owl-nav [class*=owl-]:hover{color: #203d94!important; background: transparent!important;}
.owl-dots{display: none!important;}
.owl-carousel .owl-nav button.owl-prev{position: absolute; left:-50px; top:35%;}
.owl-carousel .owl-nav button.owl-next{position: absolute; right:-50px; top:35%;}
.txtShadowContainer{-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.18); padding:40px; background: #fff;}
.girisSection{position: relative; z-index: 1; padding-bottom:50px;}
.girisSection:before{content:""; position: absolute; left:0; bottom:0; right:0; height: 50%; background:#f1f8fc; z-index: -1;}
.firsatlar{background:#f1f8fc; padding-bottom:50px;}
.firsatlar .titleContent{text-align: left; font-weight: normal; padding-top:0;}

.linkedinLogo,.kariyerLogo{background: #e2e3e9; margin-right:20px; padding: 10px 0;}
.linkedinLogo img,.kariyerLogo img{display: block; width:60%; margin:auto;}

.blogBannerTitle{font-size:30px;}
.bannerBlog{display: flex; align-items: center; justify-content:center; height: 600px;}
.blogTitle{font-size:45px;}
.fontLibre{font-family: "Libre Baskerville", serif;  font-weight: 400; font-style: italic;}
.nav-pills .linkBlog{ margin:0 5px; border:none ;color:#9fa4af; border-radius:0;}
.nav-pills .linkBlog.active{background:#213e96; border:none; color:#fff;}
.secHaberler {position: relative; top:-100px;}
.secHaberler a.haber{background: #f1f8fc;}
/*.secHaberler a.haber .box_title{font-size:30px; width:100%;}*/
.secHaberler a.haber .pdContainer{padding:30px;}
.secHaberler a.haber .aciklama_kisa{height: 108px; overflow: hidden;}
.blogMainImg{display: block; margin:50px auto; width: 100%; max-width:600px;}
.blogMainImg img{display: block; width: 100%;}
.tagContainer a,.tagContainer span{margin-right:3px;}
.socialContainer a{margin-left:10px; width: 32px; height: 32px; text-align:center;}
.tagArea{border-top:1px solid #f1f1f1; padding:20px 0;}
.ilgiliGonderiler{background: #94b9ff;}
.left{text-align: left!important;}
.right{text-align: right!important;}
.cizgi{display: block; margin:10px auto; height: 30px; width:1px; background: #9fa4af;}
.linkText{display: block; text-align: center;}
.btn_download{width:48px; height:48px; border:none; background:#292d96; color:#fff; font-size:26px; text-align: center; padding-top: 6px;}
.itemContainer{margin:auto; background: #fff;-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33); justify-content: center; align-items: center; width:fit-content; padding:10px 15px;}
    .itemContainer button{margin-right:10px;}
    .itemContainer img{display: block; height: 48px;}

    .kilavuz{display: block; -webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.18);
        box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.18);}
    .kilavuz img{display: block; width:100%;}
    .iletisimTitle{font-size:20px; font-weight: 800; color:#94b9ff; margin-bottom:10px;}
   .iletisim .iletisimIcons .fa-phone,.iletisim .iletisimIcons .fa-location-dot,.iletisim .iletisimIcons .fa-envelope{font-size:24px; color:#ff007f; margin-right:10px;}

  .iletisim input, .iletisim textarea{border:none!important; border-bottom:1px solid #c3c3c3!important;  border-radius: 0!important;}
  .iletisim input:focus, .iletisim textarea:focus{border:none!important;  outline: none!important; box-shadow:none!important; background: #f1f1f1;}

  .btn_pink{background:#ff007f ; border-radius: 0; display: block; width: 180px; margin: auto; color:#fff; margin:40px auto auto auto; padding:15px 0; border:2px solid transparent;}
  .btn_pink:hover{background:#fff; border:2px solid #ff007f; color:#ff007f;}
  .takipEdin{background: #94b9ff; padding:20px 40px; text-align: center; height: 130px; color:#fff; margin:10px;}
  .iletisim .title{font-size:24px; margin-bottom:10px;}
  .takipEdin .fa-facebook,.takipEdin .fa-x-twitter,.takipEdin .fa-instagram,.takipEdin .fa-linkedin{width: 24px; height: 24px;  margin-right:10px;}
 
.grid-item img {
    width: 100%;
    object-fit: cover;
}
@media screen and (max-width: 1366px) {
  html,body, p{font-size:16px; }
  .txt_bff p{font-size:18px;}
  .box_counter .counter{font-size:40px; }
  
  }

  @media screen and (max-width: 1200px) {
    .mobileMenu {display:flex; }
    .navMenu{display:none;}
    .box_counter{width: auto; height: 170px;}
    .pd100{padding:50px 0;}
    .main_content{padding-top:0!important;}
    .box_title{font-size:20px;}
    .navMobile .nav-item{text-align: left;}
    .navMobile .nav-item a{padding-left: 0; border-bottom:1px solid #f1f1f1;}
    .navMobile .nav-item a:hover{border-bottom:1px solid #f1f1f1;}

    .navMobile .accordion-button {position: relative;}
.navMobile .accordion-button svg{
   position: absolute; right:0; top:13px;
}
.toggle-icon {
    transition: transform 0.3s ease; 
}
.accordion-button[aria-expanded="true"] .toggle-icon {
    transform: rotate(180deg); 
}
  }
  @media screen and (max-width:980px) {
    .box_counter{margin-bottom:20px;}
    .rowMarkaLogo{height: auto; padding:30px 0;}
    header{padding:0;}
    .logo .img-fluid{height: 45px;}
    header .sm_linkedin{display: none;}
    .mainTitle{font-size:30px;}
    .txt_bff{margin-top:20px;}
    .markaLogo{margin-bottom:20px;}
    a.markaLogo::before{display: none;}
    .footerLogo{width: 180px; margin:30px auto auto auto;}
    .carousel-item img{height: 300px; width: auto!important; left:50%; position: relative; -webkit-transform:translateX(-50%); transform: translateX(-50%);}
    .aboutImg{display: none;}
    .main_content{padding: 0 10px;}
    .banner .banner_Title{text-align: center; font-size:30px;}
    .flex_box_degerler{flex-direction: column;}
    .uretimBoxContainer{flex-direction: column;}
    .uretimBoxContainer .uretimBox{ width: 100%; margin-bottom:20px;}
    .uretimBoxContainer .uretimBox div{ margin: auto;}
    .titleMain{margin:40px auto;}
    .tabMenuMobil,.iletisimFlex_box{flex-direction: column;}
    .nav-pills{min-width: 100%;}
    .grid-item .img-fluid{margin-bottom:30px;}
    .blogBannerTitle{font-size:24px;}
    .blogTitle{font-size:30px;}
    .footerInfoBox{margin-bottom:20px;}
  }
  @media screen and (max-width:768px){
    #pills-tab{flex-direction: column; }
    #pills-tab .nav-item button{width: 100%; }
    .secHaberler{top: 0;}
    .bannerBlog{height: 480px;}
    .itemContainer{width: 100%; justify-content: flex-start;}
    .takipEdin{width: 100%;}
  }