﻿@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/poppins/Poppins-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/poppins/Poppins-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/poppins/Poppins-Italic.woff2') format('woff2');
}

:root {
    --theme-color: #004F44;
    --bg-color: #f7f6f8;
    --text-grey: #888;
}

body {font-family: 'Poppins', sans-serif;font-style: normal;font-size: 18px; line-height: 28px; color:#545454;-webkit-text-size-adjust: none;background-color: #fff;font-weight: 400;-webkit-font-smoothing: subpixel-antialiased;overflow-x:hidden;}
.fullscreen-banner h1, .fullscreen-banner h2,.fullscreen-banner h3{font-family: "Poppins", sans-serif;font-weight:700}
.fullscreen-banner h2 span{color:#004F44;} /*#65498D*/
.sl-slide-inner {background-size: cover;background-position: center;height: 100vh;width: 100vw;overflow: hidden;}


.btn{font-family: "Poppins", sans-serif;font-weight: 400;font-size: 15px;}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6{font-family: "Poppins", sans-serif; margin-top: 0px; margin-bottom: 0px;color:#1e1e1e}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit;text-decoration:none; }
h1, h3.widget-title,.h1{ font-size: 40px; font-style: normal; line-height: 46px; margin-bottom: 30px;color: #1e1e1e;font-weight:400;}
h2,.h2 { font-size: 40px; font-style: normal; line-height: 46px;margin-bottom: 10px; position: relative;font-weight:400;}
h3,.h3 { font-size: 30px; font-style: normal; line-height: 36px;font-weight:400;}
h4,.h4 { font-size: 26px; font-style: normal; margin-bottom: 10px; line-height: 36px; font-weight:400;}
h5,.h5 { font-size: 20px; font-style: normal; margin-bottom: 10px; line-height: 26px; font-weight:400;}
h6,.h6 { font-size: 18px; font-style: normal; line-height: 22px;font-weight:400;}
ul { margin: 0px; padding: 0px; }

.fs-60 {font-size: 60px;}
.fs-50 {font-size: 50px;}
.fs-40 {font-size: 40px;}
.fs-30 {font-size: 30px;}
.text-stroke {-webkit-text-stroke: 2px #004F44;-webkit-text-fill-color: white;}
.vertical-text {writing-mode: vertical-rl;transform: rotate(180deg);letter-spacing: 2px;color: #999;font-size: 0.8rem;text-transform: uppercase;}

.rounded-120{border-radius:120px;}

.line-h-2{line-height: 1.6;}
.line-h-3{line-height: 1.7;}
.line-h-4{line-height: 1.8;}
.line-h-5{line-height: 1.9;}

.letter-space-1{letter-spacing: 5px;}
.letter-space-2{letter-spacing: 10px;}
.letter-space-3{letter-spacing: 15px;}

/* ------------------------
    Helper class
------------------------*/

.lead{font-weight: normal; font-size: 18px; line-height: 1.7;}
.o-hidden{overflow: hidden;}
.img-center{display: inline-block !important; max-width: 100%;}
.pos-r{position: relative;}
.z-index-0{z-index: 0; position: relative;}
.z-index-1{z-index: 1; position: relative;}
h1 span, h2 span,h3 span,h4 span, h5 span,h6 span{ color: #000000; }
section{overflow:hidden;}
.section{margin: 40px 0 0 0;overflow:hidden;position:relative}
.main-page .section {margin: 40px 0 0 0;padding:60px 0}
.page-content.section {margin: 40px 0 0 0;}

.section-title { margin-bottom: 30px; }
.align-item-middle{display: -webkit-flex; /* Safari */  -webkit-align-items: center; /* Safari 7.0+ */  display: flex; align-items: center;}
/*.align-item-middle > div{width: 100%;}*/



/* ------------------------
    Text color
------------------------*/
.text-theme,a.text-theme{color:#004F44 !important;}
.text-theme-alt,a.text-theme-alt{color:#01233e !important;}
.text-black {color: #000 !important;}
.text-white {color: #fff !important;}
.text-grey{color:#aaaaaa;}
.text-yellow{color:#004F44;}
a.text-theme:hover{color:#000 !important;}
/* ------------------------
    Background color
------------------------*/
.white-bg {background-color: #ffffff !important;}
.dark-bg{background-color:#000;}
.dark-bg p,.dark-bg i,.dark-bg h1,.dark-bg h2,.dark-bg h3,.dark-bg h4,.dark-bg h5,.dark-bg h6{color:#ffffff !important;}
.grey-bg{background-color: #f7f6f8 !important/*#f2f3f7;*/}
.grey-bg-2{background-color:#f6fffe !important;}
.theme-bg{background-color:#004F44 !important;}
.theme-bg-2{background-color:#549bbb !important;}
.theme-bg p,.theme-bg i,.theme-bg h1,.theme-bg h2,.theme-bg h3,.theme-bg h4,.theme-bg h5,.theme-bg h6{color:#ffffff !important;}
.theme-bg-7 p,.theme-bg-7 h1,.theme-bg-7 h2,.theme-bg-7 h3,.theme-bg-7 h4,.theme-bg-7 h5,.theme-bg-7 h6{color:#000000 !important;}
.theme-bg-2{background-color:#003e9f !important;} /*Mavi*/
.theme-bg-3{background-color:#8311D4 !important;} /*Mor*/
.theme-bg-5{background-color:#aa5000 !important;}/*Turuncu*/
.theme-bg-6{background-color:#830c00 !important;}/*Kırmızı*/
.theme-bg-7{background-color:#ddb100 !important;}/*Sarı*/
.theme-bg-8 {background-color: #004F44 !important;}/*Yeşil*/

.theme-bg-4{background-color:#f1eaf7}

.transparent-bg{background-color: transparent !important;}
.grey-bg-3{background-color:#f0f0f0;}
.grey-bg-3 h5.card-title{color:#004F44}
.black-bg{background-color:#000;}
.black-bg p,.black-bg h2,.black-bg h3,.black-bg h4,.black-bg h5,.black-bg h6{color:#fff}
.black-bg .fas{color:#004F44 !important}
c{background-color:#fff;}
.half-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background-color: #f8f8f8;
  z-index: 0;
}
.half-bg-2{background-color:#fff;position: relative;}
.half-bg-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background-color: #f2f8f5;
  z-index: 0;
}
.half-bg .container, .half-bg-2 .container{z-index: 1;position: relative;}




.fullscreen-banner{position: relative;min-height:600px;}
.fullscreen-banner .carousel, .fullscreen-banner .carousel-inner, .fullscreen-banner .carousel-inner .carousel-item{height: 100%;}
.carousel-fade .carousel-inner .carousel-item {opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.banner-1::before {border: 10px solid rgba(255,255,255,0.1); content: ""; height: 120%; left: 50%; position: absolute;
  top: -10%; transform: translateX(-50%) skewX(-25deg); width: 80%; z-index: -1;}
.banner-2 h1{border-top: 3px solid #004F44; border-bottom: 3px solid #ffffff; padding: 15px 0;}
[data-bg-img]{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.align-center{position: absolute; top: 50%; width: 100%; z-index: 9;}
.fullscreen-banner .align-center{position: absolute; width: 100%; z-index: 9;}
.align-end{position: absolute; bottom: 0; width: 100%; z-index: 9;}
.fullscreen-banner .nav-dots{display: none;}
.side-navbar .fullscreen-banner .align-center, .side-navbar .nav-arrows span{padding-top: 0 !important;}
.fullscreen-banner h1, .fullscreen-banner h2, .fullscreen-banner h3{font-size: 80px;line-height:90px;}
.fullscreen-banner h5{color:#fff;font-size: 20px; margin-bottom: 15px;line-height: 27px;font-weight: 700;}
.fullscreen-banner p{color:#fff;font-size: 20px;margin-bottom: 15px;line-height: 27px;font-weight: 400;}
.fullscreen-banner p{margin-bottom:20px;}


.countdown{margin:40px 0; display: table; width: 100%;}
.countdown > li{padding: 0 30px; font-weight: 700; text-align: center; border-right: 1px dashed rgba(0,0,0,0.1); list-style-type: none; display: table-cell; width: auto;}
.countdown > li:first-child{padding-left: 0;}
.countdown > li:last-child{border-right: none;}
.countdown > li span{font-size:70px; font-weight:600; line-height:60px; margin-bottom: 20px; display: inline-block;}
.countdown > li p{font-size:20px; text-transform: uppercase; line-height:30px; margin-bottom: 0; color: #3bb143;}
.countdown > li:nth-child(2) p{color: #c71585;}
.countdown > li:nth-child(3) p{color: #663399;}
.countdown > li:nth-child(4) p{color: #ffa500;}

.countdown > li:last-child{padding-right: 0;}
.dark-bg .countdown > li{border-color:rgba(255,255,255,0.2) }

.form-group{margin-bottom: 20px; position: relative;}
 label{font-size: 17px; color: #222}
/*.form-control{border-radius: 5px; font-size: 13px; background: none; border-color: #a0a0a0; box-shadow: none;height:50px;}*/
.grey-bg .form-control{background: #ffffff}
textarea.form-control{height: 150px;}
.form-control:focus{box-shadow: none; border-color: #004F44;}
select.form-control {/*-moz-appearance: none; -webkit-appearance: none; appearance: none;*/ height: 50px !important;}
#map {width: 100%; height: 100%;}
input[type="checkbox"] {width:20px;height:20px;border-color:#d6d6d6}
/*.iframe-h{height: 500px !important;}
.help-block.with-errors {position: absolute; color: red; right: 0; font-size: 10px; line-height: 14px;}*/

.education-box {position: relative; overflow: hidden;}
.education-box:before {content: ""; position: absolute; top: 50%; bottom: 0; left: 50%; width: 5px; margin-left: -2.5px; background: rgba(255,255,255,0.2); height: 80%; transform: translateY(-50%);}
.education-box .education-box-item {width: 50%; max-width: 420px; background: rgba(255,255,255,0.05); padding: 20px; position: relative; z-index: 2; margin-top: 15%;}
.education-box .education-box-item:before {content: attr(data-line); position: absolute; right: -60%; margin-right: 0; top: 50%; height: 50px; width: 50px; border-radius: 50%;
border: 4px solid #FF4500; text-align: center; color: #FF4500; line-height: 43px; font-size: 20px; font-weight: 700; text-transform: uppercase; background: #ffffff;}
.education-box .education-box-item:after {content: ""; height: 4px; position: absolute; right: -50%; margin-right: 0; top: 50%; width: 50%; border-bottom: 1px dashed rgba(255,255,255,0.1);}
.education-box .education-box-item:nth-child(even) {float: right;margin-top:3%;}
.education-box .education-box-item:nth-child(even):before {right: auto; left: -60%; margin-left: 0;}
.education-box .education-box-item:nth-child(even):after {left: -50%; margin-left: 0%;}
.education-box .education-box-item:first-child {margin-top: 0;}
.education-box .education-box-item h6 {font-size: 14px; color: #FF4500; font-weight: 700;}
.education-box .education-box-item h4 {font-size: 18px; color: #ffffff;}
.education-box .education-box-item h5 {font-size: 14px; color: rgba(255,255,255,0.5);}
.education-box .education-box-item p {margin-bottom: 0;}
.education-box .education-box-item::before{border-color: #fff;}
.education-box .education-box-item-1::before{background-color: green;}
.education-box .education-box-item-2::before{background-color: #0088ff}
.education-box .education-box-item-3::before{background-color: yellow}
.education-box .education-box-item-4::before{background-color: red}


.list-icon li{position: relative; padding-left: 30px;}
.list-icon li i{position: absolute; left: 0; top: 5px}



/*CUSTOM CSS*/
.fullscreen-banner .banner-content h2,
.fullscreen-banner .banner-content h2 span {font-size: 55px !important;line-height: 60px;font-weight: 700;letter-spacing: normal;display: inline-block;color: #fff;}
.fullscreen-banner .banner-content h3 {font-size: 20px !important;line-height: 24px;font-weight: 700;letter-spacing: normal;display: inline-block;color: #fff;}
.fullscreen-banner .banner-content a:hover{color:#004F44}
.fullscreen-banner .banner-content h1 span {color: #004F44;}
.fullscreen-banner .banner-content p {font-size: 18px !important;line-height: 26px !important;}

.banner-icon {display: inline-block;text-align: center;line-height: 130px;width: 110px;height: 110px;background-color: #004F44;border-radius: 50%;color: #fff;border: 2px solid #fff;}
.banner-icon-top {position: relative;text-align: center;display: inline-block;border-radius: 50%;padding: 10px;margin-bottom: 20px;}
.banner-icon {display: inline-block;position: relative;text-align: center;line-height: 130px;width: 110px;height: 110px;background-color: #004F44;border-radius: 50%;color: #fff;border: 2px solid #fff;}
.banner-icon-top:hover .banner-icon{background-color: #004F44;}
.banner-icon::after {content: '';position: absolute;top: -12px;left: -12px;right: -12px;bottom: -12px;border-radius: inherit;border: 2px dashed #004F44;animation: spinBorder 14s linear infinite;}

@keyframes moveUpDown {
0% {transform: translateY(0);}
50% {transform: translateY(5px);}
100% {transform: translateY(0);}
}
.banner-icon i,.moveupDown {animation: moveUpDown 2s ease-in-out infinite;}
.banner-icon i {color: #fff;font-size: 50px;-webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent;}

@keyframes spinBorder {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

@media (max-width: 414px) {
.banner-icon {line-height: 100px;width: 90px;height: 90px;}
.fullscreen-banner .banner-content h2,
.fullscreen-banner .banner-content h2 span {font-size: 35px !important;line-height: 40px;font-weight: 700;}
.fullscreen-banner .banner-content h3 {font-size: 15px !important;line-height: 18px;}
}


.counter.style-3 i{position: absolute; left: 40px; top: 40%; padding: 10px 25px 10px 0;}

.content-icon-info h5{font-size: 20px;font-weight: 700;line-height:32px;margin-bottom:0;}

.owl-carousel-custom-1 .owl-nav {top: 100% !important}
.owl-carousel-custom-1 .owl-nav button {background-color: #004F44 !important;color: #fff !important;}
.owl-carousel-custom-1 .owl-nav button.owl-next {left: 60px !important;}


.theme-bg-4{background: #fff;background-image: url(/images/customs/bg-1.webp);}

.card-custom-1 .card{background-color:transparent;border:none;}
.card-custom-1 .card-img-top {padding: 12px 12px 12px 12px !important;border: 2px dashed #1f9a26;}
.card-custom-1 figure,.card-custom-1 picture{margin:initial;padding:initial;border:none;}
.card-custom-1 .card-img-top img {border: 8px solid #fff;}
.card-custom-1 .card .card-title{align-items: center;display: flex;}
.card-custom-1 .card .card-title a:hover{color: #1f9a26;}
.card-custom-1 .card i {font-size: 40px;color: #1f9a26;margin-right: 20px;animation: moveUpDown 1.5s ease-in-out infinite;}

.accordion h6 a{font-size: 24px;text-decoration: none;font-weight: bold;}
.accordion h2,.accordion-button {line-height: 30px;color:#000;font-weight: 700;}
.accordion-button:not(.collapsed) {background-color: #004F440f;color:#000;}

.footer-box{background: #f7f6f8;padding-top: 140px;padding-bottom: 140px;}

.gradient-bg-1{background: radial-gradient(circle, #004F44 0%, #4a8ead 70%, #549bbb  100%);}
.gradient-bg-2{background: radial-gradient(circle, #2A4F9F 0%, #030C1E 70%, #030C1E 100%);}

.gradient-bg-1 h5,.gradient-bg-1 h2,.gradient-bg-1 p,.gradient-bg-2 h5,.gradient-bg-2 h2,.gradient-bg-2 p{color:#fff !important}
.gradient-bg-1 .text-black,.gradient-bg-2 .text-black{color:#000 !important}


#header-wrap {
    position: relative;
    margin-bottom:3px;
}

    #header-wrap::before,
    #header-wrap::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 0px;
        background: linear-gradient( 90deg,
        #d4fad3, /* mint green */
        #e2efa0, /* soft green */
        #f9f7c6, /* pale yellow */
        #f4ef9d, /* stronger yellow */
        #f6dba3, /* warm sand */
        #fbe3e3, /* blush */
        #fae0f9, /* soft pink/purple */
        #d5d8f9, /* lavender */
        #e3fdfc /* ice cyan */
        );
    }

    #header-wrap::before {
        top: 0;
    }

    #header-wrap::after {
        bottom: 0;
    }

/*#site-header.header-13 {
    position: relative;
    background: linear-gradient( 90deg,
    #ffffff,
    #f9fffd,
    #f5fbff,
    #faf7ff,
    #ffffff
    );
}*/

@media (min-width: 993px) {

    /* Ortak */
    .navbar-nav > li.nav-item {
        position: relative;
        --li-border: transparent;
        border-top: 6px solid var(--li-border);
        border-bottom: 6px solid var(--li-border);
    }

        /* Menü item renkleri (Ana Sayfa’dan başlayarak) */
        .navbar-nav > li.nav-item:nth-child(1) {
            --li-border: #f4ef9d;
        }
        /* Ana Sayfa */
        .navbar-nav > li.nav-item:nth-child(2) {
            --li-border: #fbe3e3;
        }
        /* Özgeçmiş */
        .navbar-nav > li.nav-item:nth-child(3) {
            --li-border: #e2efa0;
        }
        /* Hizmetler */
        .navbar-nav > li.nav-item:nth-child(4) {
            --li-border: #d5d8f9;
        }
        /* Görme */
        .navbar-nav > li.nav-item:nth-child(5) {
            --li-border: #d4fad3;
        }
        /* Bilimsel Çalışmalar */
        .navbar-nav > li.nav-item:nth-child(6) {
            --li-border: #f9f7c6;
        }
        /* Blog */
        .navbar-nav > li.nav-item:nth-child(7) {
            --li-border: #fae0f9;
        }
        /* İletişim */

        /* SOL uzantı (Ana Sayfa'nın soluna taşan) */
        .navbar-nav > li.nav-item:first-child::before {
            content: "";
            position: absolute;
            left: -2000px;
            width: 2000px;
            top: -6px;
            bottom: -6px;
            border-top: 6px solid #d4fad3; /* soldan gelen renk */
            border-bottom: 6px solid #d4fad3; /* soldan gelen renk */
            pointer-events: none;
        }

        /* SAĞ uzantı (İletişim'in sağına taşan) */
        .navbar-nav > li.nav-item:last-child::after {
            content: "";
            position: absolute;
            right: -2000px;
            width: 2000px;
            top: -6px;
            bottom: -6px;
            border-top: 6px solid #f6dba3; /* sağa giden renk */
            border-bottom: 6px solid #f6dba3; /* sağa giden renk */
            pointer-events: none;
        }
}

@media (max-width: 992px) {
    .navbar-nav .nav-link {
        border-right: none !important;
    }


    #header-wrap {
        position: relative;
        margin-bottom: 3px;
    }

        #header-wrap::before,
        #header-wrap::after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 6px;
            background: linear-gradient( 90deg, #d4fad3, /* mint green */
            #e2efa0, /* soft green */
            #f9f7c6, /* pale yellow */
            #f4ef9d, /* stronger yellow */
            #f6dba3, /* warm sand */
            #fbe3e3, /* blush */
            #fae0f9, /* soft pink/purple */
            #d5d8f9, /* lavender */
            #e3fdfc /* ice cyan */
            );
        }

        #header-wrap::before {
            top: 0;
        }

        #header-wrap::after {
            bottom: 0;
        }

}


