/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 14 2024 | 19:25:23 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2024 | 17:58:15 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2024 | 17:18:46 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2024 | 17:10:48 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2024 | 17:08:03 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2024 | 17:00:06 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2024 | 16:34:22 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2024 | 08:47:37 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 11 2024 | 18:31:15 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 11 2024 | 18:14:18 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 11 2024 | 17:42:51 */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    /* display: none; */
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    /* transform: scale(1.2); */
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

#left-carousel .owl-stage-outer .owl-stage {
    padding-left: 220px !important;
	padding-right: 0px !important;
}
#right-carousel .owl-stage-outer .owl-stage {
    padding-left: 0px !important;
	padding-right: 220px !important;
}

#center-carousel .owl-stage-outer .owl-stage {
    padding-left: 220px !important;
	padding-right: 220px !important;
}

.screenshot_slider .owl-item .item img {
    transition: 0.3s;
    display: block;
    height: 500px;
    border-radius: 50px;
    border: 3px solid #1058fa;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    transform: scale(0.8);
}
.screenshot_slider.owl-carousel.owl-loaded.owl-drag .owl-item.active.center {opacity: 1;margin: 50px 40px;padding: 20px;width: 750px!important;transform: scale(1.5);}
.screenshot_slider.owl-carousel.owl-drag .owl-item .item img {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#right-carousel .owl-prev {
    display: none;
}
#left-carousel .owl-next {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 520px;
    border-radius: 50px;
    border: 3px solid #1058fa;
}

.owl-nav {
    font-size: 60px;
}
.owl-prev {
    position: absolute;
    top:-7px;
    left: 15px;
    width: 120px;
    height: 120px;
            background: url('https://staging1.weboostdev.com/wp-content/uploads/2024/04/weboost-Projects_image_Left-BUTTON.png') no-repeat!important;
            background-size: cover!important;
             /* Buton sol tarafta */
        }
.owl-prev:hover {
    top: 0px;
    background: url('https://staging1.weboostdev.com/wp-content/uploads/2024/04/weboost-Projects_image_Left-BUTTON_Selected.png') no-repeat!important;
     background-size: cover!important;
       width: 120px;
    height: 120px;
}
.owl-next {
    position: absolute;
    top: 0%;
    right: 15px;
    width: 120px;
    height: 120px;
            background: url('https://staging1.weboostdev.com/wp-content/uploads/2024/04/weboost-Projects_image_Right-BUTTON.png') no-repeat!important;
            background-size: cover!important;
             /* Buton sol tarafta */
        }

 .owl-next:hover { background: url('https://staging1.weboostdev.com/wp-content/uploads/2024/04/weboost-Projects_image_Right-BUTTON_Selected.png') no-repeat!important;
     background-size: cover!important;
}

   .ch_executives {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-top: -16px;
}

.ch_exe_main {
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #fff;
  min-height: 550px;
  padding: 40px 0px;
  margin-top: 16px;
  z-index: 99;
}

.item {
  opacity: 1;
  transition: 0.8s ease all;
  margin: 0 0px;
}

.owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.owl-controls {
  position: absolute;
  margin-top: 300px;
}

.right-item img, .left-item img {
    opacity: 0.6;
    transform: scale(0.8); 
    transition-duration: .8s ease all;
}

.active .item img {
     transition-duration: .4s;
    opacity: 1;
    transform: scale(1); 
}

.owl-carousel .owl-item {
    float: none!important;
    min-height: 1px;
    display: inline-flex!important;
}

button.owl-prev span {
    display: none;
}
button.owl-next span {
    display: none;
}
.screenshot_slider.owl-carousel.owl-loaded.owl-drag .owl-item.cloned {
    margin: -55px;
}
.screenshot_slider.owl-carousel.owl-loaded.owl-drag .owl-item.active {
    margin: 70px;
    opacity: 0.5;
}

.screenshot_slider.owl-carousel.owl-drag .owl-item {
    transform: scale(1.3); 
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.screenshot_slider.owl-carousel {
    height: 650px;
}
/* Temel resetler ve genel form stilleri */
.wpcf7-form {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Text input, email, ve tel inputları için genel stil */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    padding: 15px;
    margin-bottom: 16px; /* Daha fazla boşluk */
    border: 2px solid #1058FA; /* Çerçeve rengi */
    border-radius: 50px; /* Yuvarlak köşeler */
    font-size: 16px; /* Yazı tipi boyutu */
    outline: none; /* Focus halinde çerçeve */
}
.wpcf7 textarea {
    height: 150px;
    border-radius: 40px;
    margin-bottom: 0px;
}

/* Placeholder metinleri için stil */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
	padding:10px;
    color: #AFC4EF; /* Placeholder metin rengi */
    opacity: 1; 
	    font-family: 'weboost-font'!important;
    font-weight: 400!important;
	font-size:13px;
}

/* Input ve textarea focus halinde placeholder metninin kaybolması */
.wpcf7 input:focus::placeholder,
.wpcf7 textarea:focus::placeholder {
    color: transparent; /* Transparan renk */
}

/* Gönder butonu için stil */
.wpcf7 input[type="submit"] {
    background-color: #1058FA; /* Arka plan rengi */
    color: white; /* Metin rengi */
    border: none;
    border-radius: 15px; /* Buton köşe yuvarlaklığı */
    padding: 12px 30px;
    font-size: 16px; /* Metin boyutu */
    cursor: pointer; /* İmleç */
	 border-radius: 50px;
    transition: background-color 0.3s; /* Renk geçişi süresi */
}

/* Buton üzerine gelindiğinde efekt */
.wpcf7 input[type="submit"]:hover {
    background-color: #003580; /* Koyu mavi tonu */
}

/* Form elemanlarına odaklanıldığında kenarlık renginin değişmesi */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border-color: #003580; /* Kenarlık rengi değişimi */
}

span.wpcf7-spinner {
    display: none;
}


.wpcf7-form {
    max-width: 500px; /* Formun maksimum genişliği */

}

span.wpcf7-form-control.wpcf7-radio {
    display: flex;
    position: relative;
    text-align: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.wpcf7-label {
	text-align:center;
    display: block; /* Etiketleri blok olarak gösterir */
    margin-bottom: .5em; /* Etiket altı boşluk */
    color: #070953; /* Etiket yazı rengi */
    font-size: 16px; /* Yazı boyutu */
}

.wpcf7 input[type="text"].wpcf7-input,
.wpcf7-textarea,
.wpcf7-select {
    width: 100%; /* Giriş elemanlarının genişliği */
    padding: 10px; /* Giriş elemanlarının iç dolgusu */
    border: 1px solid #ccc; /* Giriş elemanlarının kenarlık stil ve rengi */
    border-radius: 4px; /* Giriş elemanlarının köşe yuvarlaklığı */
}

.wpcf7-textarea {
    height: 100px; /* Metin alanının yüksekliği */
}

/* Contact Form 7 özelleştirmeleri */
.wpcf7 input[type="radio"] {
    margin-right: 10px;
}


.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
    transform: scale(1.2);
    margin-right: 8px;
}

.wpcf7 input[type="submit"] {
    background-color: #0056b3;
    color: white;
    border: none;
    padding: 10px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #004494;
}

label#baslik  {
    font-size: larger;
    font-weight: 700;
    text-align: center;
    color: #070953;
    border-bottom: 4px solid #AFC4EF;
}