.pb-100{
    padding-top: 100px;
}

.pt-100{
    padding-bottom: 100px;
}

.text-red{
    color:red;
}

.text-success{
    color:green;
}

.pb-15{
    padding-bottom: 15px;
}
.bg-color-01 {
    background-color: #f8f8f8 !important;
}
.fnp_title{
    font-size: 34px;
    line-height: 30px;
    font-weight: 700;
    color: #27323d;
    margin-bottom: 0;
}
.sup_title {
    font-size: 18px;
    color: #C24646;
    margin-bottom: 10px;
}
footer {
    border-top: 1px solid #efefef; 
}
.floating_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

.contact_icon {
    background-color: #42db87;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size:30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
}
.text_icon {
    margin-top: 8px;
    color: #707070;
    font-size: 13px;
}
.text-center {
    text-align: center;
}
.mt16 {
    margin-top :16px;
}
.fs20 {
    font-size: 20px;
}
.iletisim_formu {
    padding: 14px 9px 6px 0px;
    margin: 0;
    line-height: 24px;
    font-size: 14px;
    color: #000000;
    font-weight: 800;
}
.gt3_module_button a, input[type="submit"], #back_to_top:hover {
    border-color: #2d628f;
    background: #2d628f;
}
.slid-style-04 {
    background-color:#C24646;
    border-color: #C24646;
}
.gt3_submit_wrapper {
    background-color: #2d628f;
    border-color: #2d628f;
}
.pr20 {
    padding-right: 20px;
}

.bg_kirmizi {
    background-color: #C24646;
}

.pt20 {
    padding-top: 20px;
}

.fnp_ptb {
    padding-top: 25px;
    padding-bottom: 25px;
}

.fnp_topbottom_padding{
    padding: 60px 0;
}

.gt3_module_button a {
    font-weight: 500 !important;
}
.language_icon {
    margin-top: 5px;
    margin-left: 20px;
    width: 20px;
}

.hizmet_section{
    position: relative;
}

.hizmet_img{
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.hizmet_section .in_col-lg-4 .in_custom_1484734323916{
    height: 275px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.main_header.header_over_bg{
    background-color: rgb(39 50 61 / 70%);
}
.copyright{
    font-size: 16px;
}
footer .row [class*=span]:nth-child(2), footer .row [class*=span]:nth-child(3), footer .row [class*=span]:nth-child(4){
    padding-left: 35px;
    margin-top: 25px;
}
.module_team .team_info a{
    color: #fff;
}
.custom-card {
    overflow: hidden;
    /*cursor: pointer;*/
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);*/
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 550px;
    position: relative;
    border: 1px solid #e4e4e4;
}
.custom-card:hover {
    /*transform: translateY(1px);*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.custom-card .card-top img{
    transition: all .4s cubic-bezier(0.5, 0.2, 0.2, 0.8);
}

.custom-card:hover .card-top img{
    transform: scale(1.1);
}

.custom-card .card-top{
    overflow: hidden;
}

.custom-card .card-img-top {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.custom-card .card-body {
    padding: 25px 15px;
}

.custom-card .card-date {
    font-size: 12px;
    color: #999;
    display: block;
    margin-bottom: 5px;
}

.custom-card .card-date img{
    margin-right: 10px;
}

.custom-card .card-title {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 60px;
}

.custom-card .read-more {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background-color: #C24646;
    padding: 11px 34px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #C24646;
    transition: .3s ease-in-out;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.custom-card .read-more:hover {
    text-decoration: none;
    color: #C24646;
    background-color: #fff;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.col-lg-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .col-lg-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.hizmet_section .in_column-inner.in_custom_1484734323916{
    height: 275px;
    box-shadow:0 30px 40px rgba(0, 0, 0, 0.10);
    border: 1px solid #eee;
    transition: .3s ease-in-out;
    padding-top: 25px!important;
    padding-bottom: 25px!important;
}

.hizmet_section .in_column-inner.in_custom_1484734323916 img{
    transition: .3s ease-in-out;
}

.hizmet_section .in_column-inner.in_custom_1484734323916 .gt3_icon_box__text.custom-25 a{
    color: #848d95;
    font-weight: 300;
}
.hizmet_section .in_column-inner.in_custom_1484734323916:hover{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.hizmet_section .in_column-inner.in_custom_1484734323916:hover img{
    transform: rotateY(180deg);
}

.hizmet_section .in_col-lg-4{
    padding: 20px 20px 20px 15px;
}

.hizmet_section .in_column_container>.in_column-inner{
    padding-left: 25px;
    padding-right: 25px;
}

.hizmet_section .wpb_text_column.wpb_content_element{
    padding-bottom: 15px ;
}

.hizmet_section .gt3_icon_box__link.custom-color-04{
    position: absolute!important;
    bottom: 30px!important;
}


.gt3_module_button a {
    background-color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
}

.hakkimizda_section:before{
    content: '';
    position: absolute;
    background: rgb(37,83,121);
    background: linear-gradient(0deg, rgba(37,83,121,0.6026785714285714) 44%, rgba(0,0,0,0.7539390756302521) 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hakkimizda_section .in_row.in_row-flex{
    position: relative;
    z-index: 2;
}
.in_custom_1484575736004{
    margin-bottom: 100px;
}
.in_custom_1484575736004:before{
    content: '';
    position: absolute;
    background: rgb(194,70,70);
    background: linear-gradient(180deg, rgba(194,70,70,0.7) 0%, rgba(194,70,70,0.7) 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.in_custom_1484575736004 .container{
    position: relative;
    z-index: 2;
}
.main_wrapper{
    padding: 0;
}

.news_section{
    margin:0;
    padding: 120px 0 90px!important;
    position: relative;
}

.news_section:after{
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    max-height: 500px;
    height: 100%;
    position: absolute;
    left: -375px;
    top: 50%;
    transform: translateY(-50%) rotateY(180deg);
    z-index: 1;
}
.news_section .in_column-inner.in_custom_1489407906971{
    padding-top: 0!important;
}

.news_section .gt3_module_title{
    justify-content: space-between;
    text-align: left;
}

.gt3_custom_text *:not(.fa){
    color: #fff;
}

.in_custom_1484570977299{
    padding-top: 75px!important;
    padding-left: 18.5% !important;
    padding-bottom: 60px;
}

.in_custom_1484570977299 .space-22{
    height: 50px;
}

.form_right:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.textwidget p {
    color: #27323d;
}

.textwidget p a{
    color: #27323d;
    font-size: 14px;
}
.textwidget p a:hover{
    color:#2d628f;
}

.gt3-form_on-dark-bg input[type="submit"], .gt3-form_on-dark-bg .gt3_submit_wrapper{
    font-weight: 500;
    font-size: 14px;
}

.col-lg-8 {
    flex: 0 0 66.666%;
    max-width: 66.666%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .col-lg-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .col-lg-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.content_section{
    padding: 80px 0 ;
    position: relative;
}

.content_section .content_image{
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
}

.content_section .in_custom_1484897435098{
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.content_section strong{
    font-weight: 500;
}

.content_section .in_column_container>.in_column-inner{
    padding-top: 0!important;
}
.content_section .h1{
    margin-top: 0!important;
    color: inherit;
    margin: 0.67em 0px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}
.content_section .fixed{
    position: sticky;
    top: 90px;
}
.content_section .fixed ul{
    padding: 35px;
    background-color: #efefef;
    margin: 0;
}
.content_section .fixed ul li{
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.content_section .fixed ul li:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.content_section .fixed ul li:before{
    color:#2a2a2a ;
}
.content_section .fixed ul li a{
    color: #2a2a2a;
    font-weight: 400;
}
.content_section .fixed ul li.active{
    padding-left: 15px;
}
.content_section .fixed ul li.active a{
    color: #C24646;
    font-weight: 600;
}
.content_section .fixed ul li.active:before{
    color: #C24646;
}
.blog_post_media > img{
    width: 100%;
}
.gt3_icon_box__text.style-14 {
    font-weight: 300;
}
.in_custom_1491915486014{
    padding-bottom: 0!important;
    background-image: none!important;
}
.in_column_container>.in_column-inner .wpb_wrapper .custom-44{
    height: 275px;
}
.button_size_normal.btn_icon_position_right.in_custom_1485423365093.style-13 .gt3_btn_icon.fa.fa-external-link.custom-color-13{
    color: #C24646;
}
.gt3_services_box_title{
    font-size: 24px;
    left: 20px;
}
.bos_card {
    height: 275px;
    background: rgba(239, 239, 239, 0.51);
}
.bos_card .inner{
    height: 100%;
}
.bos_card .inner{
    position: relative;
}
.bos_card .inner .inner_i{
    padding: 35px;
}
.bos_card .inner img{
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 125px;
    height: 125px;
}
.bos_card .sub_title{
    font-size: 32px;
    color: #C24646;
}
.bos_card .title{
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    margin-top: 10px;
}
.main-menu ul li ul{
    width: 100%;
}
.blog_detail{
    padding: 75px 0 0 ;
}
.blog_detail figure.image{
    position: relative !important;
    width: 100% !important;
    padding-bottom: 56.25% !important;
    overflow: hidden !important;
    margin: 0!important;
}
.blog_detail figure.image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

footer .span3 .widget-title{
    font-weight: 700;
    font-size: 17px;
    padding-bottom: 15px;
}

.main_footer ul li{
    padding-left: 15px;
    position: relative;
    padding-bottom: 5px;
}

.main_footer ul li a{
    font-size: 14px;
}

.main_footer ul li:before{
    content: '';
    width: 5px;
    height: 5px;
    background-color: #27323d;
    position: absolute;
    top: 12.5px;
    left: 0;
    border-radius: 1px;
}

footer .span3 .contact_widget{
    display: flex;
    margin-bottom: 10px;
}

footer .span3 .contact_widget i{
    margin-top: 5px;
}

footer .span3 .contact_widget span{
    padding-left: 10px;
    font-size: 14px;
}

.banner_area {
    position: relative;
    height: 500px;
}
.banner_area h1{
    text-align: center;
    font-size: 34px;
}
/*.banner_area:after{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    content: '';*/
/*    background: rgb(194,70,70);*/
/*    background: linear-gradient(180deg, rgba(194,70,70,0.20211834733893552) 25%, rgba(194,70,70,0.4458158263305322) 100%);*/
/*    z-index: 1;*/
/*}*/

.banner_area .gt3-page-title__inner{
    position: relative;
    z-index: 9;
}

.hizmet_section .hizmet_inner{
    padding: 0!important;
}
.cozum_section{
    position: relative;
    padding: 60px 0 50px!important;
}

.cozum_section:after{
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    max-height: 500px;
    height: 100%;
    position: absolute;
    left: -280px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.cozum_section .cozum_section_inner {
    padding: 0!important;
}

.ekip_section{
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding: 70px 0 90px!important;
    position: relative;
}

.ekip_section:after{
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    max-height: 500px;
    height: 100%;
    position: absolute;
    left: -280px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.ekip_section .module_team{
    padding: 0!important;
}
.musteri_yorum .space-29{
    height: 25px;
}
.cozum_section .shadow_bg_hover{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(11, 11, 11, 0.25);
    z-index: 1;
}
.tp-caption.tp-resizeme.slid-style-02 span{
    color: #C24646!important;
}
.custom-26{
    color: #C24646;
}
.banner_area .gt3-page-title__content .page_title, .banner_area .gt3-page-title__content .gt3_breadcrumb{
    padding-left: 15px;
    padding-right: 15px;
}
.module_team .team_title h4{
    display: block;
}
.gt3_services_box_link{
    text-indent: 0;
    top: 75%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}

.gt3_services_box_link:hover{
    color: #fff;
}
.gt3_services_box_link .inner{
    position: relative;
}
.gt3_services_box_link .inner .inner_i{
    width: 14px;
    height: 14px;
    background-color: transparent;
    z-index: 80;
    position: absolute;
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: #fff;
    animation: scrolldown 1.2s ease-in-out infinite 0.15s;
    left: 48%;
    transform: translateY(0%) translateX(-52%) rotate(45deg);
    opacity: 0;
}
.gt3_services_box_link .inner .inner_i.inner_i_secnd{
    top: 6px;
}
@keyframes scrolldown {
    0% {
        transform: translateY(20%) rotate(45deg);
        opacity: 0.7;
    }
    50% {
        transform: translateY(0%) rotate(45deg);
        opacity: 0.2;
    }
    100% {
        transform: translateY(20%) rotate(45deg);
        opacity: 0.7;
    }
}
.top_footer .custom-03{
    padding-bottom: 40px;
}
.contact_page .main_wrapper{
    padding-bottom: 50px;
}
.preloader {
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 99999;
}
.preloader-logo-container {
    position: relative;
    width: 500px;
    height: auto;
    overflow: hidden;
}
.preloader-logo {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
}

.preloader-logo-container::before,
.preloader-logo-container::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: -100%;
    z-index: 0;
    animation: slide-bg 2s ease-in-out;
}

.preloader-logo-container::before {
    left: 0;
    background-color: #104070;
}

.preloader-logo-container::after {
    right: 0;
    background-color:  #104070;
}
@keyframes slide-bg {
    0% {
        top: -100%;
    }
    100% {
        top: 0%;
    }
}
.button_content{
    margin-top: 25px;
}
.button_content .teklif_al{
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background-color: #C24646;
    padding: 11px 34px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #C24646;
    transition: .3s ease-in-out;
}

.button_content .teklif_al:hover {
    text-decoration: none;
    color: #C24646;
    background-color: #fff;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 5px;
    width: 600px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: left;
    position: relative;
}

.popup-content h3 {
    text-align: center;
    margin-bottom: 20px;
}

.popup-content label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.popup-content input,
.popup-content textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.popup-content .submit-button {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background-color: #C24646;
    padding: 14px 34px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #C24646;
    transition: .3s ease-in-out;
}

.popup-content .submit-button:hover {
    background-color: transparent;
    color: #C24646;
}

.close-popup {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
}

#cozumler .wpb_text_column.wpb_content_element:first-child{
    padding-bottom: 15px!important;
}

#cozumler .wpb_text_column.wpb_content_element{
    padding-bottom: 35px;
}
.in_custom_1484659381108 .in_column-inner{
    padding-left: 0!important;
}
.in_column-inner.in_custom_1484659589713{
    padding-left: 0!important;
}

@media only screen and (min-width: 768px) {
    .row .span3 {
        padding-left: 0;
    }
}

.form_title{
    padding-top: 60px!important;
    padding-bottom: 40px!important;
}

.main-menu ul li ul{
    left: 0!important;
    width: 300px;
}

.news_slider .slick-dots{
    display: none!important;
}

.slick-list .slick-slide{
    padding-left: 0!important;
}

/*.news_btn{*/
/*    padding-right: 15px;*/
/*}*/

.news_btn button{
    padding: 10px 15px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
    border: 1px solid #e4e4e4;
    cursor: pointer;
}
.news_previous{
    margin-right: 10px;
}

.blog_detail .content_image{
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
}
/*.logo_container{*/
/*    height: auto!important;*/
/*}*/
.sticky_header .logo_container .sticky_logo {
    max-height: 100%  !important;
}
footer{
    background: #fafafa;
    border-top: none;
}
.top_footer .container{
    position: relative;
}
.footer_bg_image{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /*object-fit: contain;*/
}
.top_footer .custom-03{
    position: relative;
    z-index: 2;
}
.hizmet_left_img{
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.langugage {
    padding: 0 5px;
    margin: 0 5px 0 10px;
}
.langugage:last-child{
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
}
.langugage.active{
    font-weight: 900;
    color: #C24646!important;
}
.blog_right .widget-title{
    font-size: 24px;
    line-height: 26px;
    font-family: Roboto;
    font-weight: 700;
    color: #27323d;
}
.slayt_alti{
    font-family: Roboto;
    font-weight: 700;
}
.hizmet_inner .h2{
    line-height: 30px;
    font-family: Roboto;
    font-weight: 700;
}
.cozum_btn{
    color: #efefef;
}
.form_right_inner{
    position: relative;
}

.form_right_inner_in{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner_area .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(194, 70, 70);
    background: linear-gradient(180deg, rgba(194, 70, 70, 0.20211834733893552) 25%, rgba(194, 70, 70, 0.4458158263305322) 100%);
    z-index: 1;
}
.hakkimizda_baslik span{
    font-weight: 400;
}
.blog_page .custom-card{
    margin-bottom: 25px;
}
.testimonials-text.custom-28{
    padding: 0 15px;
}
.slider_wrapper {
    position: absolute;
    z-index: 99;
    top: 160px;
    left: 35px;
    max-width: max-content;
    border-radius: 20px;
}
.blur_our {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    z-index: -1;
}
.slider_random {
    font-size: 9px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid #fff;
    text-align: center;
    font-weight: bold;
}
.footer_random {
    color: #212121;
    font-size: 11px;
}
.g-recaptcha{
    float: left;
}
.submit{
    margin-top: 15px;
}
.copyright .span_p{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .7)}
.modal .modal-content{position:relative;padding:0;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;background-color:#fff;border-radius:5px;box-shadow:0 4px 8px rgb(0 0 0 / .2)}
.modal .close{position:absolute;z-index:999999;top:10px;right:10px;font-size:38px;color:#efefef;cursor:pointer;background:rgb(0 0 0 / .5);border:none;transition:.3s ease-in-out}
.modal .close:hover{color:#fff;background:rgb(0 0 0 / .8)}
.modal .modal-body{padding:10px}

.fnp_alt_title{
    color: #ffffff;
    font-size: 16px;
    line-height: 1em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
    z-index: 9;
}
#hakkimizda .fnp_title{
    color: #fff;
    position: relative;
    z-index: 9;
}
#hakkimizda .card{
    position: relative;
    z-index: 9;
    border: 8px solid #fff;
    height: 225px;
}
#hakkimizda .card .image-box{
    width: 100%;
    height: 100%;
}
#hakkimizda .card .image-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#hakkimizda .card .info-box{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(194, 70, 70, 0.9);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}
#hakkimizda .card  .info-box .inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#hakkimizda .card:hover .info-box{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    opacity: 1;
}
#hakkimizda .card .info-box .name {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    opacity: 1;
    margin-bottom: 15px;
    z-index: 9;
}
#hakkimizda .card .info-box ul.btn{
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#hakkimizda .card .info-box ul.btn li {
    margin-right: 10px;
    padding: 0;
}
#hakkimizda .card .info-box ul.btn li:before{
    display: none;
}
#hakkimizda .card .info-box ul.btn li a{
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
}
.hakkimizda_slider{
    z-index: 9;
    margin-top: 50px;
}
.hakkimizda_slider .slick-list .slick-slide{
    padding-right: 0;
    margin-right: 15px;
}
.hakkimizda_slider .slick-dots{
    display: none!important;
}
.blog_post_media figure.image .play_icon{
    position: absolute!important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    z-index: 9!important;
    width: 50px!important;
    height: 50px!important;
    cursor: pointer;
}
.play_icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9 !important;
    width: 50px !important;
    height: 50px !important;
    cursor: pointer;
    background: rgba(255, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
}
.play_icon::before,
.play_icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 0, 0, 0.5);
    opacity: 0;
    animation: ripple 1.5s infinite;
}
.play_icon::after {
    animation-delay: 0.5s;
}
@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
#hakkimizda .card .info-box ul.btn li a:hover{
    color: #C24646!important;
    background-color: #fff!important;
}

/*.gt3_services_box{*/
/*    -webkit-perspective: none;*/
/*    perspective: none;*/
/*    height: 275px;*/
/*}*/
/*.gt3_services_box.to-top:hover .services_box-front{*/
/*    -webkit-transform: rotateX(0);*/
/*    -moz-transform: rotateX(0);*/
/*    -o-transform: rotateX(0);*/
/*    transform: rotateX(0);*/
/*}*/
/*.in_column_container>.in_column-inner .wpb_wrapper .custom-44{*/
/*    display: none;*/
/*}*/

/* Grid yapısı */
.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

/* Kart ana elemanı */
.card3d {
    position: relative;
    display: block;
    width: 100%;
    height: 260px;                 /* isteğe göre değiştir */
    text-decoration: none;
    color: #fff;
    perspective: 1200px;           /* 3D derinlik */
}

/* Dönen iç katman */
.card3d-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d; /* Safari */
    transition: transform 0.6s ease;
}

/* Hover’da X ekseninde flip */
.card3d:hover .card3d-inner {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}
.card3d-face {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    /*border-radius: 8px;*/
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.card3d-face--front {
    background-size: cover;
    background-position: center;
}
.card3d-front-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.55),
            rgba(0, 0, 0, 0.1)
    );
    z-index: 1;
}
.card3d-title {
    position: relative;
    z-index: 2;
    font-size: 18px;
    font-weight: 600;
}
.card3d-face--back {
    background: rgba(45,98,143,1);
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    align-items: center;
    justify-content: center;
    text-align: left;
}
.card3d-content {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

.card3d-content p {
    margin: 0 0 15px 0;
    color: #fff;
    text-align: center;
}

.card3d-link {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}

@media (hover: none) and (pointer: coarse) {
    .card3d:active .card3d-inner {
        transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
    }
}
#cozumler .wpb_column.in_column_container.in_col-sm-4{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px !important;
}
#cozumler .wpb_column.in_column_container.in_col-sm-4 .card3d:hover .card3d-title{
    opacity: 0;
}