@import url("https://p.typekit.net/p.css?s=1&k=jao8ykl&ht=tk&f=137.139.140.169.172.173.175.176.5474.5475.25136.49185.49186.49191.49192.49196&a=192638705&app=typekit&e=css");

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/l?subset_id=2&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/d?subset_id=2&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/a?subset_id=2&fvd=n9&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/4de20a/00000000000000007735e604/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/4de20a/00000000000000007735e604/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/4de20a/00000000000000007735e604/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/8738d8/00000000000000007735e611/30/l?subset_id=2&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/8738d8/00000000000000007735e611/30/d?subset_id=2&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/8738d8/00000000000000007735e611/30/a?subset_id=2&fvd=n8&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/7283cd/00000000000000007735e608/30/l?subset_id=2&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/7283cd/00000000000000007735e608/30/d?subset_id=2&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/7283cd/00000000000000007735e608/30/a?subset_id=2&fvd=i1&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:100;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/a?subset_id=2&fvd=n6&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/l?subset_id=2&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/d?subset_id=2&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/a?subset_id=2&fvd=n3&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/40d372/00000000000000007735e607/30/l?subset_id=2&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/40d372/00000000000000007735e607/30/d?subset_id=2&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/40d372/00000000000000007735e607/30/a?subset_id=2&fvd=i3&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/a?subset_id=2&fvd=n5&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
    font-family:"ofelia-display";
    src:url("https://use.typekit.net/af/59f42f/00000000000000007735f6e9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/59f42f/00000000000000007735f6e9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/59f42f/00000000000000007735f6e9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
    font-family:"ofelia-display";
    src:url("https://use.typekit.net/af/3f43a4/00000000000000007735f6eb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/3f43a4/00000000000000007735f6eb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/3f43a4/00000000000000007735f6eb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
    font-family:"ofelia-display";
    src:url("https://use.typekit.net/af/914f59/00000000000000007735f6ed/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/914f59/00000000000000007735f6ed/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/914f59/00000000000000007735f6ed/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family:"ofelia-display";
    src:url("https://use.typekit.net/af/c1d411/00000000000000007735f6ec/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/c1d411/00000000000000007735f6ec/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/c1d411/00000000000000007735f6ec/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
    font-family:"ofelia-display";
    src:url("https://use.typekit.net/af/e8e25e/00000000000000007735f6ea/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e8e25e/00000000000000007735f6ea/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e8e25e/00000000000000007735f6ea/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal; }

    :root{
       --ofelia:"ofelia-display" ,sans-serif;
       --proxima: "proxima-nova",sans-serif;

   }
   body{
    background: #F1F1F1;
    font-family: var(--proxima);
}
a{
    text-decoration: none;
}
p{
    margin-bottom: 0;
}
nav.navbar-custom{
    background: #4B81E5;
    box-shadow: 0px 115px 32px 0px rgba(0, 0, 0, 0.00), 0px 73px 29px 0px rgba(0, 0, 0, 0.03), 0px 41px 25px 0px rgba(0, 0, 0, 0.11), 0px 18px 18px 0px rgba(0, 0, 0, 0.19), 0px 5px 10px 0px rgba(0, 0, 0, 0.22);
    height: 100px;
    z-index: 10;
}
nav .navbar-brand img{
    height: 72px;
}
nav .navbar-nav .nav-item .nav-link{
    color: #F0F0F0;
    font-family:var(--proxima);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 18px;
}
nav .navbar-nav .nav-item .nav-link.active{
    font-weight: bold;
    position: relative;
}
nav .navbar-nav .nav-item .nav-link{
    position: relative;
}

nav .navbar-nav .nav-item .nav-link::after{
    content: '';
    position: absolute;
    font-weight: bold;
    bottom: -3;
    display: flex;
    align-items: center;
    justify-content: center;
    width:0px;
    height: 2px;
    transition: .3s ease all;
    background: #fff;
}
nav .navbar-nav .nav-item .nav-link:hover::after{
    content: '';
    position: absolute;
    font-weight: bold;
    bottom: -3;
    display: flex;
    align-items: center;
    justify-content: center;
    width:40px;
    height: 2px;
    background: #fff;
}
nav .navbar-nav .nav-item .nav-link.active::after{
    content: '';
    position: absolute;
    bottom: -3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 2px;
    background: #fff;

}
.navbar-social{
    list-style: none;
    display: flex;   
    margin-bottom: 0;
}
.navbar-social li .nav-social {
    color: #fff;
    transition: .3s ease all;
    margin-left: 17px;
}
.navbar-social li .nav-social i{
  font-size: 19px;
}

.navbar-social li .nav-social:hover{
    color: #395fa8;
}
nav > div > ul.navbar-social > li:nth-child(1) a{
    margin-left: 0;
}
#banner {
    background: url(../img/unionbanner.png) no-repeat center bottom;
    background-size: cover;
    height: 63vh; 
    position: relative;
}
#banner h1{
    color: #FFF;
    text-align: center;
    font-family:var(--ofelia);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 32px;
}
#banner h2{
    background: linear-gradient(90deg, #FFF 21.11%, #999 80.3%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family:var(--ofelia);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#banner .toparag{
    color: #FFF;
    text-align: center;
    font-family:var(--ofelia);
    font-size: 20px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    margin-top: 8px;
    margin-bottom: 32px;
}
#banner .card {
    background: url(../img/bannerbackg.png) center center no-repeat;
    align-items: center;
    width: 293px;
    border: none;
    height: 460px;
    position: relative;
    transition: all 0.5s ease-out;
    border-radius: 30px;
    box-shadow: 0px 169px 47px 0px rgba(0, 0, 0, 0.00), 0px 108px 43px 0px rgba(0, 0, 0, 0.03), 0px 61px 36px 0px rgba(0, 0, 0, 0.11), 0px 27px 27px 0px rgba(0, 0, 0, 0.19), 0px 7px 15px 0px rgba(0, 0, 0, 0.22);
}

#banner .card:hover {
  margin-top: -10px !important;
}


#banner  .card .resim1{
    width: 136px;
    margin-top: 24px;
    height: 84px;
}
#banner > div > div > div:nth-child(2) > a > div > img.resim2{
    height: 306px;
}
#banner > div > div > div:nth-child(3) > a > div > img.resim2{
    height: 244px;
}
#banner > div > div > div:nth-child(4) > a > div > img.resim2{
    margin-top: 17px;
}
#banner .col-lg-4{
   display: flex;
   justify-content: center;

}

#banner .card .card-title{
  color: #FFF;
  text-align: center;
  font-family:var(--proxima);
  font-size: 24px;
  font-weight: 500;
  line-height: 130%; 
  text-transform: capitalize;
}
#anasayfablog{
    margin-top: 320px;
}
#anasayfablog .ustbaslik{
    color: #000;
    font-family: var(--proxima);
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 2px;
}
#anasayfablog hr{
    background: #000;
    opacity: 1;
    margin-top: 2px;
}
#anasayfablog .main-slide-content {
    position: absolute;
    bottom: 20px;
    left: 0;
    background-color:#4B81E5;
    color: white;
    padding: 20px;
    width: 85%;
}
#anasayfablog .main-slide a{
   width: 100%;
   position: relative;
}
#anasayfablog .main-slide-content h3 {
    color: #FFF;
    font-family: var(--proxima);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6px;
}
#anasayfablog .main-slide-content p{
    color: #FFF;
    font-family: var(--proxima);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
}
#anasayfablog .main-slide-content .date{
    color:#1F1F1F;
    font-family: var(--proxima);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#anasayfablog .small-slide-content {
    padding: 5px;
    
}

#anasayfablog .small-slide-content h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

#anasayfablog .card {
    margin-bottom: 20px;
}

#anasayfablog .card .card-body {
    background-color: #f8f9fa;
}

#anasayfablog .swiper-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

#anasayfablog .swiper-pagination.swiper-pagination-right {
    position: absolute;
    bottom: 70px;
    display: flex;
    flex-direction: column;
    padding-right:5px;
    align-items: flex-end;
}
#anasayfablog .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    opacity: 1;
    background: #fff;
    margin-bottom: 10px;
}
#anasayfablog .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{

    background: #4B81E5;
}
#anasayfablog .swiper-pagination.swiper-pagination-bottom {
    margin-top: 10px;
}

#anasayfablog .popular-swiper {
    margin-top: 20px;
}

#anasayfablog .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

#anasayfablog .popular-swiper .swiper-wrapper {
    padding-bottom: 30px;
}

#anasayfablog .popular-swiper .swiper-pagination {
    position: absolute;
    bottom: 0;
}
#anasayfablog .small-slide img{
  width: 132px;
  height: 86px;
  flex-shrink: 0;

}
#anasayfablog .sagkutu .row{
    margin-bottom: 10px;
}
#anasayfablog .small-slide{
    color: #000000;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    transition:  .3s;
    background-color: #EBEBEB;
}
#anasayfablog .small-slide:hover{
    opacity: .6;
}
#anasayfablog .small-slide h4{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-family: var(--proxima);
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6px;
}
#anasayfablog .small-slide p{
 color: #000;
 font-size: 14px;
 font-style: normal;
 font-family: var(--proxima);
 font-weight: 400;
 line-height: normal;
 margin: 0;
}
#anasayfablog .small-slide .date{
    position: absolute;
    font-family: var(--proxima);
    bottom:5px;
    right: 5px;
    color:  rgba(31, 31, 31, 0.50);
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.container-fluid.sag{
    margin-top: 40px;
    padding-left: 0;
    max-width: 1320px;
    padding-right: 0;
}
.container-fluid.sag h4{
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
    margin-left: 12px;
}
.container-fluid.sag .col-lg-12{
    padding-right: 0;
}
#swiper2 {
    overflow: hidden;
}
#swiper2 .swiper-slide{
    position: relative;
}
#swiper2 .swiper-slide a{
    color: #000;
    transition: .3s ease all;
}
#swiper2 .swiper-slide a:hover{
    opacity: .6;
}
#swiper2 .swiper-slide a img{
    width: 100%;
}
#swiper2 .swiper-slide a .slide-content{
    position: absolute;
    bottom: 0;
    left: 0;
    padding:0px 2.5px;
    border-radius: 5px;
    background: rgba(255, 254, 254, 0.49);
    backdrop-filter: blur(25px);
}
#swiper2 .swiper-slide h3{
    color: #1F1F1F;
    font-family:var(--proxima);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 3px;

}
#swiper2 .swiper-slide p{
   color: #000;
   font-family: var(--proxima);
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
#swiper2 .swiper-slide span{
 color:  rgba(31, 31, 31, 0.70);
 font-family: var(--proxima);
 font-size: 10px;
 font-style: normal;
 position: absolute;
 right: 3px;
 bottom: 3px;
 font-weight: 700;
 line-height: normal;
}
.swiper-pagination-2{
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.swiper-pagination-2 .swiper-pagination-bullet,  .swiper-pagination-2 .swiper-pagination-bullet{
    background: #D9D9D9 !important;
    width: 25px;
    height: 8px;
    border-radius: 5px;
}
#swiper2  .swiper-pagination-2 .swiper-pagination-bullet-active{
    background: #4B81E5 !important;
}
#anasayfailetisim  {
    margin-top: 110px;
    position: relative;
    left: 0;
    top: 0;

    z-index: 5;
}
#anasayfailetisim:after{
    content: '';
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #4e91ff;
    border-radius: 0 50px 50px 0;
    width: 50%;
    height: 100%;
}
#anasayfailetisim  .custom-left-section{
    position: relative;
    z-index: 6;
}
#anasayfailetisim  .custom-left-section h1 {
    color: #FFF;
    font-family: var(--proxima);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 23px;
    margin-bottom: 26px;
}
#anasayfailetisim  .custom-left-section p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}
#anasayfailetisim  .custom-left-section img{
    width: 100%;
    padding: 0px 40px;
    display: flex;
    align-items: center;

}
#anasayfailetisim .form-control {
    margin-bottom: 11px;
    border: none;
    background-color: #E9E9E9;
    border-radius: 5px;
    height: 45px;
    padding: 10px;
    color:  rgba(31, 31, 31, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
}

#anasayfailetisim .form-control:focus {
    background-color: #fff;
    border: 2px solid #4e91ff;
    box-shadow: none;
    outline: none;
}

#anasayfailetisim textarea.form-control {
    height: 234px;
    resize: none;
}

#anasayfailetisim .submit-btn {
    background-color: #4B81E5;
    border: none;
    padding: 11px 33px 10px 34px;
    border-radius: 30px;
    color: #FFF;
    transition: .3s;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 25.6px */
}

#anasayfailetisim .submit-btn:hover {
    background-color: #3a73d9;
}

#anasayfailetisim .form-footer {
    color: rgba(31, 31, 31, 0.50);
    font-size: 12px;
    font-style: normal;
    text-align: center;
    font-weight: 500;
    line-height: 160%; /* 19.2px */
}
#anasayfailetisim .custom-form-section h4{
    color: #000;
    margin-top: 17px;
    margin-bottom: 15px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 32px */
}


#anasayfafooter {
    background-color: #4B81E5;
    color: white;
    z-index: 2;
    padding: 40px 0;
    margin-top: 80px;
    position: relative;
}
#anasayfafooter::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/footerbacktool.png) no-repeat center center;
    background-size: cover;
    opacity: .2;
    top: 0;
    z-index: 1;
}
#anasayfafooter .container{
    position: relative;
    z-index: 2;
}
#anasayfafooter .footer-logo img{
  width: 246px;
  margin-top: 36px;
}
#anasayfafooter .footer-logo p{
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-top: 26px;
  line-height: normal;
}

#anasayfafooter .footer-link {
 color: #FFF;
 font-size: 14px;
 font-style: normal;
 font-weight: 700;
 line-height: normal;
 margin:10px;
 transition: .3s;
 text-decoration-line: underline;
 display: inline-table;
}

#anasayfafooter .footer-link:hover {
    color: #4B81E5;
}

#anasayfafooter .footer-icon {
    margin-right: 10px;
    font-size: 24px;
    width: 20px;
}

#anasayfafooter .social-icons i {
    color: white;
    margin-right: 15px;
    font-size: 24px;
}

#anasayfafooter .copyright {
    margin-top: -20px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
#anasayfafooter .kutu{
    display: flex;
    margin-bottom: 22px;
    align-items: center;
}
#anasayfafooter .kutu p{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    line-height: normal;
}
/* Sosyal ikon stilleri */
.social-icons a i {
    margin-right: 10px;
    transition: .3s;
    color: #fff;
    font-size: 18px;
}
.social-icons a i:hover{
    color:#4B81E5 ;
    opacity: .6;
}
.arapca{
    text-align: right !important;
}
#icsayfa{
    padding-top: 100px;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    background:url(../img/vector-bg.png) bottom center no-repeat ;
    background-size: cover;
}
#icsayfa h1{
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 38.4px */
}
#icsayfa h6{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 38.4px */
}
#icsayfa .paragrafsol{
    color: #F0F0F0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-top: 35px;
    margin-bottom: 100px;
    line-height: 160%; /* 25.6px */
}
#icsayfa .sagbar{
    position: relative;
}
#icsayfa .sagbar .resim1{
    width: 100%;
    padding: 30px;
}
#icsayfa .sagbar .resim2{
    width: 134px;
    position: absolute;
    top: -15px;
    right: 20px;
}
#icsayfa .sagbar .icbar{

    position: absolute;
    bottom: 66px;
    left: 0;
    border-radius: 20px;
    background: #335EAD;
    box-shadow: 13px 16px 6px 0px rgba(0, 0, 0, 0.00), 8px 10px 5px 0px rgba(0, 0, 0, 0.01), 5px 6px 4px 0px rgba(0, 0, 0, 0.05), 2px 3px 3px 0px rgba(0, 0, 0, 0.09), 1px 1px 2px 0px rgba(0, 0, 0, 0.10);
    width: 376px;
    height: 78px;
    flex-shrink: 0;
}
#icsayfa .sagbar .icbar p{
    color: #FFF;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 22.4px */
}

#misyon .sagyas{

    top: 0;
}
#misyon .resim{
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 50px;
}
#misyon {
    position: relative;
    width: 100%; 
    height: auto; 
    padding: 100px 0px;
}

#misyon::after {
    content: '';
    position: absolute;
    width: 100%; 
    height: 100%; 
    z-index: 2;
    bottom: 0;
    right: 0; 
    background: url(../img/misyonelips.png) no-repeat right; 
    background-size: contain; 
}
#misyon h2{
    color:  #1F1F1F;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 76.8px */
    margin-bottom: 28px;
}
#misyon h6{
    color:  #1F1F1F;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 38.4px */
    margin-bottom: 24px;
}
#misyon p{
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
}



#vizyon .resim{
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 50px;
}
#vizyon {
    position: relative;
    width: 100%; 
    height: auto; 
    z-index: 10;
    text-align: right;
    margin-top: 100px;

}

#vizyon::after {
    content: '';
    position: absolute;
    width: 100%; 
    height: 100%; 
    z-index: 2;
    bottom: 0;
    left: 0; 
    background: url(../img/vizyonelips.png) no-repeat left; 
    background-size: contain; 
}
#vizyon h2{
    vizyon:  #1F1F1F;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 76.8px */
    margin-bottom: 28px;
}
#vizyon h6{
    color:  #1F1F1F;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 38.4px */
    margin-bottom: 24px;
}
#vizyon p{
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
}
#hakkmizdaust{
    background: url(../img/hakkimizdabanner.png) no-repeat center center;
    background-size: cover;
    height: 202px;
    text-align: center;
    padding-top: 50px;
}
#hakkmizdaust h1{
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#iletisimcont{
    margin-top: -75px;
    padding: auto;
}
#iletisimcont .row{
    padding: 30px;
    margin: 0 5%;
    display: flex;
    border-radius: 50px;
    background: #F1F1F1;
    box-shadow: 0px 240px 67px 0px rgba(0, 0, 0, 0.00), 0px 154px 61px 0px rgba(0, 0, 0, 0.03), 0px 86px 52px 0px rgba(0, 0, 0, 0.11), 0px 38px 38px 0px rgba(0, 0, 0, 0.19), 0px 10px 21px 0px rgba(0, 0, 0, 0.22);
}
#iletisimcont h2{
    color: #000;
    margin-top: 25px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 50px;
}
#iletisimcont .birn{
    padding-left: 70px;
}
#iletisimcont .birn .kutu{
    display: flex;
    align-items: center;
    margin-bottom: 24px;

}
#iletisimcont .birn .kutu a{
   color: #000;
   transition: .3s;
}
#iletisimcont .birn .kutu a:hover{
  color: #4B81E5 ;
}
#iletisimcont .birn .kutu a p{
    transition: .3s;
    color: #000;
}
#iletisimcont .birn .kutu a:hover p{
    color: #4B81E5 ;
}
#iletisimcont .birn .kutu i{
    color: #000;
    font-size: 24px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#iletisimcont .birn .kutu p{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 5px;
}
#haberdetay{
    margin-top: 88px;
}
#haberdetay img{
    width: 100%;
}
#haberdetay h2{
    color:  #1F1F1F;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-top: -10px;
    line-height: normal;
}
#haberdetay p{
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
#haberdetay h6{
 color:  #1F1F1F;
 font-size: 16px;
 font-style: normal;
 font-weight: 700;
 margin-top: 30px;
 margin-bottom: 10px;
}
#haberdetay .col-lg-12.text-dark{
    margin-top: 36px;
}
#haberdetay .col-lg-12.text-dark a{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: .3s;

}
#haberdetay .col-lg-12.text-dark a:hover{
    color: #4b82e5;
}
#hero-section {
    position: relative;
    height: auto;
}


#hero-section .manresim {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    border-radius: 999px;
}
#hero-section .background-circle {
    position: absolute;
    right: 0;
    top: 0;
    width:100%;
    height: 120%;
    background:url(../img/musavirlikman.png) no-repeat center right;
    z-index: 1;
    background-size: contain;
    overflow: ;
}
#hero-section .solbar{
    position: relative;
    z-index: 2;
}
#hero-section .display-4 {
    color: #1F1F1F;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 90px;
}

#hero-section .highlight {
    color: #4B81E5;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#hero-section .solbar p{
    margin-top: 45px;
    padding-left: 15px;
    width: 80%;
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
    margin-bottom: 30px;
}
#hero-section .btn.iletisim{
    display: inline-flex;
    padding: 10px 20px;
    align-items: center;
    gap: 13px;
    border-radius: 30px;
    border: 1.5px solid #000;
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    transition: .3s;
    line-height: 160%; /* 25.6px */
}
#hero-section .btn.iletisim:hover{
 border: 1.5px solid #4B81E5;
 color: #4B81E5;
}
#hero-section .btn.btn-primary {
    display: inline-flex;
    margin-left: 9px;
    padding: 10px 20px;
    align-items: center;
    gap: 13px;
    border-radius: 30px;
    background: #4B81E5;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    transition: .3s;
}
#hero-section .btn.btn-primary:hover{
    background: #fff;
    color: #4B81E5;
}
#hero-section  .icon-boxes {

    position: absolute;
    top: 105px;
    right: 7%;
    gap: 15px;
    z-index: 3;
    display: flex;
}

#hero-section  .icon-box a{
    margin-bottom: 30px;
    border-radius: 30px;
    border: 3px solid #8093FD;
    background: linear-gradient(95deg, rgba(241, 241, 241, 0.60) -1.36%, rgba(207, 207, 207, 0.60) 107.36%);
    padding: 7.5px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: .3s;
}
#hero-section  .icon-box a:hover{
 transform: scale(1.5);
}
#hero-section  .icon-box span{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#hero-section  .icon-boxes .kutu1{
    margin-right: 150px;
}
#hero-section > div.icon-boxes > div.kutu2 > div:nth-child(2){
    position: relative;
    left: 20px;
}
#hero-section > div.icon-boxes > div.kutu1 > div:nth-child(2){
    position: relative;
    right: 20px;
}
#hizmetler{
    margin-bottom: 50px;
}
#hizmetler .card .baslikyasla{
    display: flex;
    justify-content: space-between;
}
#hizmetler h4 > span{
    color: #4B81E5;
    font-weight: 700;
}
#hizmetler h4{
    margin-top: 70px;
    color: #1F1F1F;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#hizmetler .baslikp{
    margin:14px auto;
    margin-bottom: 100px;
    color: #1F1F1F;
    text-align: center;
    width: 50%;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
}

#hizmetler .card:hover{
    color: #fff;
}
#hizmetler .card:hover .card-title{
    color: #FCFCFC;
}
#hizmetler .card:hover .card-text{
 color: #F0F0F0;
}
#hizmetler .card:hover .btn.btn-detay{
    color: #fff;
}
#hizmetler .card:hover i{
   color: #fff;
}

#hizmetler .card.active{
    border-radius: 20px;
    background: #2161D9;
    box-shadow: 32px 30px 12px 0px rgba(87, 87, 87, 0.00), 21px 19px 11px 0px rgba(87, 87, 87, 0.04), 12px 11px 9px 0px rgba(87, 87, 87, 0.13), 5px 5px 7px 0px rgba(87, 87, 87, 0.22), 1px 1px 4px 0px rgba(87, 87, 87, 0.26);
}
#hizmetler .card.active a{
    color: #fff;
}
#hizmetler .card.active .card-title{
    color: #FCFCFC;
}
#hizmetler .card.active .card-text{
 color: #F0F0F0;
}
#hizmetler .card.active .btn.btn-detay{
    color: #fff;
}
#hizmetler .card.active .badge{
    color: rgba(240, 240, 240, 0.50);
}
#hizmetler .card{
    margin-bottom: 24px;
    height: 296px;
    transition: .3s;
    border:none;
    padding: 20px 26px;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.72);
}
#hizmetler .card i{
    font-size: 64px;
}

#hizmetler .card .badge{
    color:rgba(31, 31, 31, 0.50);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 2px;
}
#hizmetler .card-body{
    padding: 0;
}
#hizmetler .card .card-title{
    margin-top: 16px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}
#hizmetler .card .card-text{
    margin-top: 28px;
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#hizmetler .card .buton{
    display: flex;
    justify-content: end;
    align-items: center;
}
#hizmetler .card a{
    color: #000;
}
#hizmetler .card .btn.btn-detay{
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

}
#hizmetler .card .buton > i{
    font-size: 15px;
    line-height: normal;
}
#hizmetler .card:hover{
    border-radius: 20px;
    background: #2161D9;
    box-shadow: 32px 30px 12px 0px rgba(87, 87, 87, 0.00), 21px 19px 11px 0px rgba(87, 87, 87, 0.04), 12px 11px 9px 0px rgba(87, 87, 87, 0.13), 5px 5px 7px 0px rgba(87, 87, 87, 0.22), 1px 1px 4px 0px rgba(87, 87, 87, 0.26);
}
#detailsModal .detaycont{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#detailsModal .detaycont h6{
    color: rgba(31, 31, 31, 0.50);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;

}
#detailsModal .detaycont h6 > i{
    font-size: 32px;
    margin-right: 16px;
}
#detailsModal .detaycont h6 > svg  {
    margin-right: 10px;
}

#detailsModal .detaycont .detaybadge{
    color: rgba(31, 31, 31, 0.50);
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#detailsModal .modal-title{
    color: rgba(31, 31, 31, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}
#detailsModal .modal-content{
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(50px);
}
#detailsModal .modal-footer{
    display: flex;
    justify-content: center;
}
#detailsModal #modal-content-html > p{
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 25.6px */
  text-transform: capitalize;
}
#detailsModal .modal-footer .btn.btn-secondary{
   background: #E1E1E1;
   opacity: 1;
   border-radius: 20px;
   font-size: 12px;
   color: #000;
   border:4px solid #C5C5C5;
   transition: .3;
}
#detailsModal .modal-footer .btn.btn-secondary:hover{
    background: #C5C5C5;
    border:4px solid #E1E1E1;
    color: #fff;
}
#yeminli-section{
    margin-bottom: 120px;
}
#yeminli-section .solbar{
    position: relative;
    z-index: 2;
}
#yeminli-section .display-4 {
    color: #1F1F1F;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 90px;
}

#yeminli-section .highlight {
    color: #4B81E5;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#yeminli-section .highlight.yeminli {
    color: #244889;
}
#yeminli-section .solbar p{
    margin-top: 45px;
    width: 80%;
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
    margin-bottom: 30px;
}
#yeminli-section .btn.iletisim{
    display: inline-flex;
    padding: 10px 20px;
    align-items: center;
    gap: 13px;
    border-radius: 30px;
    border: 1.5px solid #000;
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    transition: .3s;
    line-height: 160%; /* 25.6px */
}
#yeminli-section .btn.iletisim:hover{
 border: 1.5px solid #4B81E5;
 color: #4B81E5;
}
#yeminli-section .btn.btn-primary {
    display: inline-flex;
    margin-left: 9px;
    padding: 10px 20px;
    align-items: center;
    gap: 13px;
    border-radius: 30px;
    background: #4B81E5;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    transition: .3s;
}
#yeminli-section .btn.btn-primary.yeminli{
    background: #244889;
}
#yeminli-section .btn.btn-primary:hover{
    background: #fff;
    color: #4B81E5;
}
#yeminli-section .yeminlimask{
    position: absolute;
    right: 0;
    top: 0;
    width:100%;
    height: 78%;
    background:url(../img/yeminlimask.png) no-repeat top right;
    z-index: 1;
    background-size: contain;
}

#yurtdisiyatirim-section{
    margin-bottom: 50px;
    background:url(../img/yurtdisisirketkurma.png) no-repeat center center;
    background-size: cover;
    padding-bottom: 100px;
}
#yurtdisiyatirim-section .solbar{
    position: relative;
    z-index: 2;
    text-align: right;
}
#yurtdisiyatirim-section .display-4.yurtdisidanisman{
    color: #C6C6C6;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 90px;
}

#yurtdisiyatirim-section .highlight.yurtdisidanisman{
    color: #fff;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#yurtdisiyatirim-section .solbar p{
    margin-top: 45px;
    width: 80%;
    color: #F0F0F0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
    margin-bottom: 30px;
    text-align: right;
    margin-left: auto;
}
#yurtdisiyatirim-section .btn.iletisim{
    display: inline-flex;
    padding: 10px 20px;
    align-items: center;
    gap: 13px;
    border-radius: 30px;
    border: 1.5px solid #F0F0F0;
    color: #F0F0F0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    transition: .3s;
    line-height: 160%; /* 25.6px */
}
#yurtdisiyatirim-section .btn.iletisim:hover{
 border: 1.5px solid #4B81E5;
 color: #4B81E5;
}
#yurtdisiyatirim-section .btn.btn-primary {
    display: inline-flex;
    margin-left: 9px;
    padding: 10px 20px;
    align-items: center;
    gap: 13px;
    border: none;
    border-radius: 30px;
    background: #4B81E5;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    transition: .3s;
}

#yurtdisiyatirim-section .btn.btn-primary.yurtdisidanisman:hover{
    background: #fff;
    color: #4B81E5;
}
#yurtdisiyatirim-section .yeminlimask{
    position: absolute;
    right: 0;
    top: 0;
    width:100%;
    height: 78%;
    background:url(../img/yeminlimask.png) no-repeat top right;
    z-index: 1;
    background-size: contain;
}

/* Yeminli ve uırtdisi düzen */
#hizmetler .yeminlih4{
    color: #244889;
}
#hizmetler .card.active.yeminlicard{
    background: #244889;
}
#hizmetler .card.yeminlicard:hover{
    background: #244889;
}

/* Slaytlar için temel stil */
#custom-swiper .swiper-slide img{
    width: 80%;
    opacity: .7;
}
#custom-swiper{
    overflow: hidden;
}
#custom-swiper .mobilbanner .col-lg-12{
    padding: 0;
}
.swiper-container {
    position: relative; 
}

.swiper-wrapper {
    margin-bottom: 50px; 
}

.swiper-button-container {
    display: flex; 
    justify-content: center; 
    position: relative; 

}

.custom-swiper-button-next,
.custom-swiper-button-prev {
    width: 40px; 
    height: 40px; 
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; 
    cursor: pointer;
    margin: 0 5px;
}




#banner .mobilbanner{
    display: none;
}
#custom-swiper .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active img{
    opacity: 1;
}




#mobilemenu .sidebar {
    display: block;
    width: 100%;
    height: 0px;
    position: absolute;
    z-index: 12;
    top: 120px;
    left: 0;
    background-color: #4B81E5;
    overflow-y: auto;
    transition: height 0.5s ease-in-out;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
    border-color: #707070;
}

#mobilemenu .sidebar-content {
 position: relative;
 padding: 20px;
 width: 100%;
 opacity: 1;
 transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

#mobilemenu .sidebar.active .sidebar-content {
 visibility: visible;
 opacity: 1;
}

#mobilemenu .sidebar a, .dropdown-btn {
   text-decoration: none;
   display: block;
   transition: color 0.3s;

   color: #F0F0F0;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;

   text-align: center;
   padding:10px 0;
   border-bottom: 1px solid #fff;
}

#mobilemenu .sidebar a:hover {
 color: #ff7f50;
}

#mobilemenu .sidebar .close-btn {
    border:none;
    position: absolute;
    padding: 10px;
    right: 25px;
    font-size: 42px;
    z-index: 3;
}

#mobilemenu .sidebar .menu-footer {
 position: relative;
 top: 20px;
 z-index: 2; 
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
}
#mobilemenu .sidebar .menu-footer a{
    border:none;
    font-size: 21px;
    margin-right: 20px;
}
#mobilemenu .menu-icon, .search-icon {
 font-size: 32px;
 cursor: pointer;
}
.top-bar{
   height: 4.5vh;
}
#mobilemenu .header {

}

#mobilemenu .overlay {
   position: absolute;
   display: none;
   width: 100%;
   height: 100%;
   top: 100px;
   left: 0;
   background: #0000004d;
   z-index: 11;
   transition: 0.5s;
}

#mobilemenu .overlay.active {
 display: block;
}

/* Alt menü tasarımı */
#mobilemenu .dropdown-container {
 display: none;
 padding-left: 20px;
}

#mobilemenu .dropdown-container a {
 font-size: 18px;
 margin-left: 22px;
}

#mobilemenu .dropdown-btn {
 cursor: pointer;
 font-size: 20px;
 color: #fff;
 border: none;
 background: none;
 margin-left: 15px;
 display: block;
 text-align: left;
 width: 100%;
 outline: none;
}

#mobilemenu .dropdown-btn:after {
 content: '\f0d7'; 
 font-family: FontAwesome;
 float: right;
 margin-right: 20px;
}

#mobilemenu .dropdown-btn.active:after {
 content: '\f0da'; 
}

.uccizgi{
    position: absolute;
    display: none;
    right: 12px;
}

/** Mobil Menü SOn**/

#card-container{
    display: none;
}
#card-container .card{
    display: flex;
    flex-direction: row;
    padding: 0;
    background: #EBEBEB;
    border-radius: 0;
    margin-bottom: 6px;
}
#card-container .card .card-body{
 padding: 5px;
}
#card-container .card .card-title{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#card-container .card .card-text{
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#card-container .card .card-text > .text-muted{
    color: rgba(31, 31, 31, 0.50);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#card-container .card .card-text > .text-muted > span{
    display: block;
}
#card-container .card img {
    height: 63px;
}
#card-container .pagination .page-item .page-link{

    border-radius: 25px;
    margin: 0 5px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}
#card-container .page-link.active{
    background: #4B81E5 !important;
    border-radius: 25px;
    margin: 0 5px;
    color:  #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.page-link {
    border:none ;
    color: rgba(31, 31, 31, 0.50);
    background: #d9d9d9;
}
footer .mobilacik{
    display: none;
}
footer .mobilgizle{
    display: block;
}
#servicesModal .card {

    background-color: rgba(38, 64, 115, 0.08); 
    backdrop-filter: blur(15px);
    border-radius: 20px; 
    margin: 20px 0;
    text-align: left; 
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); 
}

#servicesModal .card-img {
    height: 120px;
    width: 120px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid rgba(255, 255, 255, 0.4); /* Yuvarlak çerçeve rengi hafif açıldı */
}

#servicesModal .card-img img {
    height: 100%;
    border-radius: 50%;
}

#servicesModal .number {
    color:#fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 2px;
    margin: 10px 0;
}

#servicesModal h6.primary-text {
    color: #ffffff;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin: 10px 0;
}

#servicesModal p {
    color: #ebebeb;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 5px 0 10px;
}
#servicesModal .modal-body h2{
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    padding: 15px 0;
}
#servicesModal > div > div > div.modal-body > div > div.col-lg-12 > p{
    text-align: center;
}
#servicesModal .modal-header{
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(50px);
    padding: 5px 20px;
}
#servicesModal .modal-footer{
      background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(50px);
     padding: 0px 20px;
}
#servicesModal > div > div > div.modal-footer > button{
     background:#1e3768;
    backdrop-filter: blur(50px);
    color: #fff;
    padding: 2.5px 40px;
    margin: 2px;
}
#servicesModal .modal-header .modal-title{
    color: rgba(31, 31, 31, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}
#servicesModal .modal-content{
    border-radius: 20px;
}
#servicesModal .cta {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 10px 5px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    transition: .3s;
}
#servicesModal .cta:hover{
    color:#000 ;
    background:rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 1440px) { 
    #icsayfa{
        height: ;
    }
    #hizmetler .card {
        height: auto;
    }
    .container-fluid.sag{
        margin-left: 0px;
        padding-left: 62px;
        max-width: 1440px;
    }
    #hero-section .background-circle{
        height: 100%;
    }
    #hero-section .icon-boxes{
        right: 5%;
    }
}
@media only screen and (max-width: 1200px) { 
    #anasayfablog > div > div.col-lg-6.sagkutu > div:nth-child(3) > div > a{
        display: none;
    }
    #anasayfablog > div > div.col-lg-6.sagkutu > div:nth-child(4) > div > a{
        display: none;
    }

    #hero-section .icon-boxes{
        top: 50px;
        right: 4%;
    }
    #hero-section .display-4{
        font-size: 46px;
    }
    #hero-section .highlight{
        font-size: 46px;
    }
}

@media only screen and (max-width: 990px) {
    #hero-section .background-circle{
        background: url(../img/musavirliktool.png) no-repeat bottom center;
        background-size:cover;
    }
    #hizmetler .card .card-text{
        display: none;
    }
    #hizmetler .card .btn.btn-detay{
        display: none;
    }
    #hizmetler .card .baslikyasla{
        display: flex;
        justify-content: flex-end;
        flex-direction: row-reverse;
        align-items: center;
    }
    #hizmetler .card .badge{
        font-size: 42px;
        width: 50px;
    }
    #hizmetler .card i{
        font-size: 21px;
        margin-left: 15px;
    }
    #hizmetler .card .card-title{
        font-size: 16px;
        margin: 0;
        margin-left: 5px;
    }
    #hizmetler .card a{
        display: flex;
        align-items: center;
        position: relative;
    }
    #hizmetler .card .buton > i{
        position: absolute;
        right: 0;
    }
    #detailsModal .detaycont .detaybadge{
        font-size: 42px;
    }
    #detailsModal .detaycont h6 > i{
        font-size: 32px;
        margin-right: 15px;
    }
    .position-relative{
        display: none;
    }
    #hero-section .solbar{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #hero-section .solbar p{
        margin-bottom: 150px;
        font-size: 14px;
        color: #fff;
    }
    #hero-section .solbar .btn-group {
        position: relative;
        top: 70px;
    }
    #hero-section .icon-boxes{
        display: none;
    }
    #hero-section .display-4{
        margin-top: 40px;
        font-size: 32px;
        text-align: center;
        color: #fff;
    }
    #hero-section{
        margin-bottom: 100px;
    }
    #hero-section .highlight{
       font-size: 32px;
       color: #fff;
   }
   #icsayfa{
    height: auto;
}
#mobilemenu{
 display: block;
}
#iletisimcont .row{
    margin: auto;
}
#custom-swiper .swiper-slide img{
    width: 100%;
    opacity: .7;
}
#banner > div > div > .col-lg-4{
    display: none;
}
#banner .mobilbanner{
    display: block;
    margin:0;
}
#banner {
    height: auto;
    z-index: 2;
}
#banner .container{
    position: relative;
    z-index:5 ;
}
#banner::before{
    content: '';
    position: absolute;
    bottom: 50px;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url(../img/slaytelips.png) no-repeat center bottom;
}
#banner::after{
    content: '';
    position: absolute;
    bottom: -20px;
    width: 100%;
    z-index: 2;
    height: 100px;
    border-radius: 50%;
    background: radial-gradient(circle, rgb(54 52 135 / 90%) 25%, rgb(56 52 135) 100%);

}
.navbar-social{
    display: none;
}
.uccizgi{
    display: block;
}
body > nav > .container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-brand{
    margin: 0 auto;
}
#banner h1{
    font-size: 20px;
}
#banner h2{
    font-size: 20px;
}
#banner .toparag{
    font-size: 16px;
    font-weight: 350;
}
#anasayfablog{
    margin-top: 70px;
}
#anasayfablog .ustbaslik{
    font-size: 20px;
}
#anasayfablog .main-slide-content h3{
    font-size: 16px;
}
#anasayfablog .main-slide-content p{
    font-size: 14px;
    margin-bottom: 5px;
}
#anasayfablog .main-slide-content{
    padding:6px ;
}
#anasayfablog .swiper-pagination.swiper-pagination-right{
    display: flex;
    flex-direction: row;
    justify-content: center;
    bottom: 45px;
}
#anasayfablog > div > div.col-lg-6.sagkutu{
    display: none;
}
#populerr{
    display: none;
}
#card-container{
    display: block;
}
#anasayfailetisim:after{
    height: auto;
    width: 100%;
}
#anasayfailetisim .custom-left-section{
    background: #4e91ff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    right: 12px;

}

#anasayfailetisim .custom-left-section h1{
    font-size: 20px;
    width: 70%;
    padding-left: 12px;
}
#anasayfailetisim .custom-left-section p{
    font-size: 14px;
    padding-left: 12px;
}
#anasayfafooter .copyright{
    margin:20px auto ;
}
#icsayfa{
    padding-top: 35px;
    text-align: center;
}
#icsayfa h1{
    font-size: 20px;
}
#icsayfa h6{
    font-size: 16px;
}
#icsayfa .paragrafsol{
    font-size: 14px;
    margin-bottom: 0px;
}
#icsayfa .sagbar .resim2{
    width: 85px;
    left: 30px;
    top: 30px;
}
#icsayfa .sagbar .icbar p{
    font-size: 12px;
}
#icsayfa .sagbar .icbar{
    width: 326px;
    height: 78px;
    left: 15px;
    bottom: 50px;
}
#misyon::after{
    width: 35%;
    height: 50%;
}
#misyon h2{
    font-size: 20px;
}
#misyon h6{
    font-size: 16px;
}
#misyon p{
    font-size: 14px;
}
#misyon .resim{
    padding: 5px;
}
#vizyon{
    margin-top: 10px;
}
#vizyon > div > .row{
    display: flex;
    flex-direction: column-reverse;
}
#vizyon::after{
    height: 50%;
}
#vizyon .resim{
    padding: 5px;
}
#vizyon h2{
    font-size: 20px;
    position: relative;
    z-index: 10;
}
#vizyon h6{
    font-size: 16px;
    position: relative;
    z-index: 10;
}
#vizyon p{
    font-size: 14px;
    position: relative;
    z-index: 10;
}
#icsayfa .sagbar .resim1{
    margin-top: 30px;
}
#iletisimcont .birn{
    padding: 0;
}
#iletisimcont h2{
    font-size: 16px;
    text-align: center;
}
#haberdetay{
    margin-top: 0;
}
#haberdetay h2{
    margin-top: 0;
    font-size: 20px;
}
#haberdetay p{
    font-size: 14px;
}
#haberdetay .col-lg-12.text-dark{
    margin-bottom: 40px;
}
#card-container h5{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#hero-section .btn.iletisim{
    font-size: 14px;
    padding: 5px;
}
#hizmetler h4{
    margin-top: 140px;
    font-size: 20px;
}
#hero-section .btn.btn-primary{
    font-size: 14px;
    padding: 5px;
}
#hizmetler .baslikp{
    font-size: 14px;
    width: 80%;
}

} 
@media only screen and (max-width: 768px) {
    #yeminli-section .display-4{
        margin-top: 400px;
        font-size: 32px;
    }
    #yeminli-section{
        margin-bottom: 100px;
    }
    #hizmetler h4{
        margin-top: 0;
    }
    #yeminli-section .solbar p{
        font-size: 14px;
        width: 100%;
    }
    #yeminli-section .btn.iletisim{
        padding: 5px;
        font-size: 14px;
    }
    #yeminli-section .btn.btn-primary{
      padding: 5px;
      font-size: 14px;
  }
  #yeminli-section .highlight.yeminli{
    font-size: 32px;
}
#hizmetler .baslikp{
    width: 100%;
}
#detailsModal #modal-content-html > p{
    font-size: 14px;
}
#hizmetler .card .baslikyasla svg{
    width: 42px;
    margin-left: 15px;
}
#yurtdisiyatirim-section .display-4.yurtdisidanisman{
    font-size: 32px;
}
#yurtdisiyatirim-section .highlight.yurtdisidanisman{
    font-size: 32px;
}
#yurtdisiyatirim-section .btn.iletisim{
    padding: 5px;
    font-size: 14px;
}
#yurtdisiyatirim-section .solbar p{
    font-size: 14px;
    width: 100%;
    margin-bottom: 75px;
}
#yurtdisiyatirim-section{
    margin-bottom: 50px;
    padding-bottom: 30px;
}
#yurtdisiyatirim-section .btn.btn-primary{
 padding: 5px;
 font-size: 14px;
}
#hero-section .solbar p{
    margin-bottom: 150px;
    font-size: 14px;
    color: #fff;
    width: 100%;
}
footer .mobilacik{
    display: block;
}
footer .mobilgizle{
    display: none;
}
#anasayfailetisim:after{
    height: auto;
    width: 100%;
}
footer .mobilacik .social-icons {
    text-align: center;
    margin:30px 0;
}
#anasayfafooter .kutu{
    margin-bottom: 12px;
}



}
@media only screen and (max-width: 560px) {
  #yeminli-section .display-4{
    margin-top: 220px;
    font-size: 32px;
}
#hero-section .solbar p{
    margin-top: 36px;
    margin-bottom: 110px;
}
#custom-swiper .swiper-slide img{
    width: 80%;
    opacity: .7;
}
#anasayfailetisim > div > div > div.col-lg-5.custom-form-section > form > div > div.col-lg-12.d-flex.justify-content-end{
    display: flex;
    justify-content: center !important;
    align-items: center;
}
}