@import url('../css2');



body {

    font-family: 'Jost', sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #0c0c0c;

    font-style: normal;

}

 

p,

li,

a,

button,

span,

h5,

h6 {

    font-family: 'Jost', sans-serif;

}



.img {

    max-width: 100%;

    transition: all 0.3s ease-out 0s;

}

 

a,

.button {

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}



    a:focus,

    .btn:focus,

    .button:focus {

        text-decoration: none;

        outline: none;

        box-shadow: none;

    } 



    button:focus,

    input:focus,

    input:focus,

    textarea,

    textarea:focus {

        outline: 0;

    }



.uppercase {

    text-transform: uppercase;

}



.capitalize {

    text-transform: capitalize;

}



h4,

h5,

h6 {

    font-family: 'Jost', sans-serif;

    color: #2c2c2c;

    margin-top: 0px;

    font-style: normal;

    

}



h1,

h2,

h3 {

    font-family: 'Jost', sans-serif;

    margin-top: 0px;

}



    h1 a,

    h2 a,

    h3 a,

    h4 a,

    h5 a,

    h6 a {

        color: inherit;

    }



h1 {

    font-size: 40px;

    font-weight: 700;

}



h2 {

    font-size: 35px;

}



h3 {

    font-size: 28px;

}



h4 {

    font-size: 22px;

}



h5 {

    font-size: 18px;

}



h6 {

    font-size: 16px;

}



ul {

    margin: 0px;

    padding: 0px;

}



li {

    list-style: none;

}



p {

    font-size: 16px;

    font-weight: normal;

    line-height: 26px;

    color: #2c2c2c;

    margin-bottom: 15px;

}



hr {

    border-bottom: 1px solid #eceff8;

    border-top: 0 none;

    margin: 30px 0;

    padding: 0;

}



a {

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

 

*::-moz-selection {

    background: #d6b161;

    color: #fff;

    text-shadow: none;

}



::-moz-selection {

    background: #444;

    color: #fff;

    text-shadow: none;

}



::selection {

    background: #444;

    color: #fff;

    text-shadow: none;

}



*::-moz-placeholder {

    color: #161616;

    font-size: 17px;

    opacity: 1;

}



*::placeholder {

    color: #161616;

    font-size: 17px;

    opacity: 1;

}

/*--------------------------------------------------------------

 * Preloader CSS MS

 *--------------------------------------------------------------

 */





/* Mobil cihazlar (320px - 480px) */

@media only screen and (min-width:200px) and (max-width:480px) {

    #pikacu {

        max-width: 80%;

        height: auto;

        margin-left: 10%;

    }

    .pb-90{

        padding-bottom: 5%;

    }

    .service-carousel .owl-nav {

        text-align: center !important;

    }

    .product-list:after {

        content: "";

        position: absolute;

        background-image: url(../images/probg.png);

        background-size: cover;

        width: 50%;

        right: 0;

        height: 50%;

        top: 0;

        bottom: 0;

    }

    .doremon{

        display: flex;

        flex-direction: column;



    }

    #yanuyi{

        display: flex;

        flex-direction: column;

    }

    p {

        font-size: 16px;

        font-weight: normal;

        line-height: 23px;

        color: #2c2c2c;

        margin-bottom: 15px;

    }

}



/* Tabletler (481px - 768px) */

@media only screen and (min-width:480px) and (max-width:900px) {

    #pikacu {

        max-width: 100%;

        height:200px;

        margin-left: 10%;

    }

}



/* Dizüstü ve masaüstü (769px ve üzeri) */

@media only screen and (min-width: 769px) {



}



@-webkit-keyframes spinner-three {

    0% {

        height: 5px;

        transform: translateY(0px);

        background: #9b59b6;

    }



    25% {

        height: 30px;

        transform: translateY(15px);

        background: #3498db;

    }



    50% {

        height: 5px;

        transform: translateY(0px);

        background: #9b59b6;

    }



    100% {

        height: 5px;

        transform: translateY(0px);

        background: #9b59b6;

    }

}



@keyframes spinner-three {

    0% {

        height: 5px;

        transform: translateY(0px);

        background: #9b59b6;

    }



    25% {

        height: 30px;

        transform: translateY(15px);

        background: #3498db;

    }



    50% {

        height: 5px;

        transform: translateY(0px);

        background: #9b59b6;

    }



    100% {

        height: 5px;

        transform: translateY(0px);

        background: #9b59b6;

    }

}



/*--------------------------------------------------------------

 * Preloader Four

 *--------------------------------------------------------------

 */







/* FAQ CSS  START*/

section.faq{



    width: 100%;

    min-height: 100vh;

    display: flex;

    margin: 0 auto;

    align-items: center;

    flex-direction: column;

  }

  

section.faq h2{

    font-size: 2rem;

    margin: 2rem 0rem;

   

  }

  

section.faq .container{

    max-width: 75%;

    margin-top: 2rem;

    padding-bottom: 1rem;

    border-radius: 2px solid #fff;

    cursor: pointer;

  }

section.faq .quesion{

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

section.faq .quesion h3{

    font-size: 1.3rem;

  }

section.faq .quesion svg{

    fill: black;

  }

section.faq .container.active svg{

    transform: rotate(180deg);

  }

  

section.faq .answer p{

    padding-top: 1rem;

    line-height: 1.6rem;

    font-size: 1.2rem;

  }

section.faq .answer{

    max-height: 0;

    overflow: hidden;

    transition: max-height 1.2s ease;

  }

  

  .container.active .answer{

    max-height: 300px;

    transition: max-height 1.2s ease;

    

  }

  

  @media (max-width: 450px){

    .white-bg {

        background: none;

        padding: none;

        border-radius:none;

        box-shadow: none;

    }

   #button1{

    max-height: 60px;

    height: 30%;

    max-width: 320px;

    margin-bottom: 5%;

   }

   #button2{

    max-height: 60px;

    max-width: 300px;

    margin-bottom: 5%;

   }

   #button3{

    max-height: 60px;

    max-width: 280px;

    margin-bottom: 5%;

   }

   #button4{

    max-height: 60px;

    max-width: 260px;

    margin-bottom: 5%;



   }

   #button5{

    max-height: 60px;

    max-width: 240px;

    margin-bottom: 5%;

   }

  }

  

  

  

/* FAQ CSS END */



/*--------------------------------------------------------------

 * Preloader Five

 *--------------------------------------------------------------

 */

/* Preloader stili */

#preloader {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background-color: #2b7de1;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }

  

 #preloader .logo {

    width: 90px;

    height: 90px;

    animation: spin 5s linear infinite;

  }

  

/*   @keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

  } */

  

  .loading-bar {

    width: 100px;

    height: 10px;

    margin-top: 20px;

    background-color: #173c68;

    border: 1px solid #ccc;

    position: relative;

    border-radius:6px;

  }

  

  .loading-progress {

    width: 0;

    height: 100%;

    background-color: #FFF;

    position: absolute;

    border-radius:6px;

  }

  

  @keyframes load {

    0% { width: 0; }

    100% { width: 100%; }

  }

  

  

  

  

  /* preloader end*/

  







/*--------------------------------------------------------------

 * Preloader Six

 *--------------------------------------------------------------

 */







/*--------------------------------------------------------------

 * Preloader Seven

 *--------------------------------------------------------------

 */

.main-slider h2 {

    position: relative;

    display: block;

    font-size: 54px;

    color: #000;

    font-weight: 600;

    line-height: 66px;

    z-index: 1;

   

}

.main-slider h3 {

    font-size: 20px;

    color: #000;

    font-weight: 400;

    line-height: 1.14em;

    padding-right: 64px;

    text-transform: capitalize;

    display: inline-block;

    z-index: 1;

     

}

.btn-style-one {

    background: #de8d38;

    display: block;

    float: left;

    border-radius: 8px;

    width: 80px;

    height: 80px;

}

.bootom-box{ position:relative;}

    .bootom-box:before {

        content: "";

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        background: rgb(10 10 10 / 73%);

    }



.min-img{ width:100%;}

.theme-btn {

    padding: 15px 25px !important;

    display: inline-block !IMPORTANT;

    float: left;

    margin-right: 20px !IMPORTANT;

    border-radius: 5px;

    text-transform: uppercase;

    

}



/* BERFİN CEREN KAYA */

.subbanner{ position:relative }

    .subbanner img {

        width: 100%;

        margin-top: -5em;

    }



    .subbanner .overlay {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.5); /* Yarı saydam siyah katman ekler */

        z-index: 1;

    }

.po-t {

    position: absolute;

    top: 40%;

    left: 0;

    right: 0;

    z-index: 2;

}

    .po-t h1{ 

        font-size: 55px !important;

        font-size:66px;

        text-align: left;

        margin-left: -2%;  

        color: #ffffff; 

        display: block;

     

        }

    .po-t p {

        font-size: 25px;

        font-weight: 400;

        text-align: left;

        margin-left: -2%; 

        color: #ffffff; 

        display: block;

    

    }

   

  

    

/* bb */

/* Sıkça Sorulan Sorular Bölümü İçin Stil */



.subbanner{ position:relative }

    .subbanner img {

        width: 100%;

        margin-top: -5em;

    }



    .subbanner .overlay {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.5); /* Yarı saydam siyah katman ekler */

        z-index: 1;

    }

.po-tY {

    position: absolute;

    top: 40%;

    left: 0;

    right: 0;

    z-index: 2;

}

    .po-tY h1{ font-size:55px;

        text-align: left;

        margin-left: -9%;  

        color: #ffffff; 

        display: block;

     

        }

    .po-tY p {

        font-size: 25px;

        font-weight: 400;

        text-align: left;

        margin-left: -9%; 

        color: #ffffff; 

        display: block;

    

    }

   

/* BERFİN CEREN KAYA */



.tp-bgimg {

    background-size: cover !important;

    background-position: top !important;

    top: 20px !important;

}

.btn-style-orange {

    background: #0072AB;

    color: #fff;

}

    .btn-style-orange:hover {

        background: #0099E5;

        color: #ffffff;

    }

.btn-style-white {

    background: #fff;

    color: #000;

}

a, div, button {

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.fullwidthbanner-container .tp-bgimg:before {

    content: "";

    

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    overflow: hidden;

    border: none;

    padding: 0;

    margin: 0;

    z-index: 22;

    /* opacity: 0.5; */

}

.heading-s h5 {

    color: #b76209;

    font-size: 15px;

    margin-bottom: 20px;

}

.heading-s h2{ font-size:39px;}

.service-box {

    background: #fff5eb;

    padding: 3em;

    margin-bottom: 2em;

    border-bottom: 12px solid #ffd2a4;

    padding-bottom: 2em;

}



.img-ser {

    background: #ffd2a4;

    border-radius: 50%;

    padding: 8px;

    width: 70px;

    height: 70px;

    display: block;

    margin-bottom: 20px;

}

    .img-ser img {

        width: 100%;

    }

    .img-ser img {

        transform: scale(1);

        transform-origin: center;

        transform-style: preserve-3d;

        transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

    }



    /* zelal değiştirildi */

    .logo img{

     width: 50%; 

    margin-left:10% !important;



}



    /* zelal değiştirildi bitti */



.copy-one p{ color:#000}

.min-s span img {

    width: 77px;

    margin-bottom: 20px;

}

.one-bg {

    background: #F8F8F8;

}

.min-s{ text-align:center; padding:25px;}

    .min-s h3 {

        color: #0099E5;

    }

.sub-bg {

    position: relative;

    padding-left: 50px;

    margin-bottom: 1em;

    color: #000000;

    font-size: 39px;

    font-weight: 600;

    

}

    .sub-bg:before {

        content: "";

        position: absolute;

       /*  background-image: url(../images/text-bg.png); */

        background-size: cover;

        width: 100px;

        height: 100px;

        left: 0;

        top: -0.7em;

    }

.bg-sky {

    background: #ECF7F9;

}

.min-heading{ text-align:center}

.center-l {

    width: auto;

    display: inline-block;

}

.min-heading p{

    font-weight: 600;

    font-size: 18px;

    color: #464646;

}



.why-sec {

    text-align: center;

}

.icon-s {

    width: 100px;

    height: 100px;

     

    display: inline-block;

    margin-bottom: 30px;

    line-height: 100px;

    border-radius: 50px;position:relative;

}

    .icon-s:before {

        content: "";

        width: 100px;

        height: 100px;

        background: #fff;

        display: inline-block;

        margin-bottom: 30px;

        line-height: 100px;

        border-radius: 50px;

        position: absolute;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        z-index: 1;

        box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 22%);

    }

    .icon-s:after {

        content: "";

        position: absolute;

        width: 120px;

        height: 60px;

        background: #0072AB;

        left: -10px;

        bottom: -10px;

        border-radius: 0px 0px 100px 100px;

    }



.icon-s img {

    width: 50px;

    position: relative;

    z-index: 2;

}

.why-sec h3 {

    color: #0099E5;

    font-size: 22px;

}

.service-img {

    padding: 30px;

    padding-top: 0px;

}

.con-ser {

    background: #F8F8F8;

}

.con-ser {

    background: #F8F8F8;

    display: block;

    float: left;

    padding: 1.5em;

    margin-top: 4.5em;

    max-height: 380px;

}

.service-img{ position:relative}

    .service-img:before {

        content: "";

        position: absolute;

        width: 89.9%;

        height: 92%;

       /*  border: 4px solid #0099E5; */

        bottom: -4%;

        left: 17%; z-index:-1;

    }

.product-con { color:#fff;}

.product-list{ position:relative;}

    .product-list:before {

        content: "";

        position: absolute;

        background: #0099E5;

        width: 50%;

        height: 100%;

        top: 0;

        bottom: 0;

    }

.product-con h3{ margin-bottom:20px;}

.product-con p{ color:#fff; margin-bottom:20px;}

.product-list:after {

    content: "";

    position: absolute;

    background-image: url(../images/probg.png);

    background-size: cover;

    width: 50%;

    right: 0;

    height: 100%;

    top: 0;

    bottom: 0;

}

.btn-h-white:hover{ background-color:#fff; color:#000;}

.test-i img {

    width: 100px;

    border-radius: 50%;

    padding: 5px;

    height: 100px;

}

.slide-test {

     background: #ECF7F9;

    text-align: center;

    padding: 30px;

    min-height:400px; /* zelal değiştirildi */

}

.user-name h5{ font-size:20px;}

.user-name h6 {

    font-size: 15px;

    font-weight: normal;

    color: #7a7878;

}

.test-dis p {

    display: -webkit-box;     

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    white-space: normal;

    overflow: hidden;

}

.whychoose{ position:relative}

.whychoose:before {

    content: "";

    position: absolute;

    background-image: url(../images/bg-h.png);

    background-position: bottom;

    background-size: cover;

    width: 100%;

    height: 240px;

    left: 0;

    right: 0;

    bottom: 0;

}

.service-carousel .item {

    padding-bottom: 2em;

}



.service-carousel .owl-nav {

    display: block !IMPORTANT; text-align:right;

}

    .service-carousel .owl-nav button {

        width: 40px;

        height: 40px;

        border: 1px solid #000 !IMPORTANT;

        border-radius: 50%;

        margin-left: 15px;

        text-align: center;

        line-height: 40px !IMPORTANT;

    }

        .service-carousel .owl-nav button:hover {

            background: #0072AB;

            color: #262525;

        }

.vide0-bg {

    background-image: url(../images/video.png);

    background-size: cover;

}

.video-p {

    text-align: center;

    background: rgb(255 197 60 / 57%);

    padding: 4em;

    width: 80%;

    margin: auto;

}

.play-i {

    margin-top: 2em;

}

.video-p h2, .video-p p {

    color: #fff;

}

.play-i span {

    font-size: 41px;

    color: #000;

    background: #fff;

    width: 47px;

    height: 47px;

    display: inline-block;

    line-height: 47px;

    border-radius: 50%;

    box-shadow: 0px 1px 7px 9px #0099E580;

}

.subbanner{ position:relative }

    .subbanner img {

        width: 100%;

        margin-top: -5em;

    }



.po-t {

    position: absolute;

    top: 40%;

    left: 0;

    right: 0;

}

    .po-t h1{ font-size:66px;

        text-align: left;

        margin-left: 2%;

    }

    .po-t p {

        font-size: 25px;

        font-weight: 400;

        text-align: left;

    margin-left: 3%;

    color: #fff; 

    }

.card {

    margin-bottom: 20px;

}

.card-header .card-link {

    display: block;

    padding: 15px;

}



.card-header .card-link {

    background: #0072AB;

    color: #3e3d3d;

}

.card-link.collapsed {

    background: #ECF7F9;

}

.card-header {

    padding: 0px;

    background: #ECF7F9;

}

.offer {

    position: relative;

    padding: 3em;

    background-size: cover;

    text-align: center;

}

.offer h3 {

    position: relative;

}

    .offer:before {

        content: "";

        position: absolute;

        background-color: #ffdb01c2;

        width: 80%;

        height: 71%;

        left: 0;

        right: 0;

        margin: auto;

        top: 0;

        bottom: 0;

    }



    .list-ser ul li a {

        display: block;

        padding: 10px;

        background: #ffffff;

        margin-bottom: 5px;

        border: 0.1px solid #0072AB;

        border-radius: 3px; position:relative;

    }

        .list-ser ul li a:before {

            content: "\e606";

            font-family: 'simple-line-icons';

            right: 11px;

            position: absolute;

        }

        .list-ser ul li a:hover {

            background: #0072AB;

            color: rgb(255, 255, 255) !important;

        }

    .po-s {

        position: sticky;

        top: 120px;

    }

    .wh-bg {

        background: #ffffff;

    }

     .price ins {

        text-decoration: none;

    }

    .pro-list {

        background: #fff;

        border: 1px solid #e9e9e9;

        padding: 0px;

        margin-bottom: 30px;

    }

        .pro-list:hover {

            box-shadow: -1px 3px 10px 1px #00000040;

            margin-top: -10px !important;

        }

    .pro-img img {

        width: 100%;

        background: #fdfafa;

    }

.pro-img{ padding:10px; position:relative}

.product-d {

    padding: 10px 20px;

    padding-bottom: 20px;

}

    .product-d .star-rating-wap {

        margin-bottom: 10px;

    }

.product-d .star-rating {

    width: 87px;

    margin: 0 auto;

}

.price del {

    color: #888;

    margin-right: 7px;

    font-weight: normal;

}

.product-d .star-rating {

    height: 26px;

    line-height: 20px;

    overflow: hidden;

    position: relative;

    text-align: left;

    width: 87px;

    letter-spacing: 4px;

    display: inline-block;

    vertical-align: middle;

}

    .product-d .star-rating:before {

        font-size: 12px;

    }



    .product-d .star-rating:before {

        left: 0;

        top: 0;

        font-size: 12px;

        color: #FDA043;

        font-family: 'Font Awesome 5 Free';

        content: "\f005\f005\f005\f005\f005";

    }

.star-rating span {

    overflow: hidden;

    position: absolute;

    text-indent: -999em;

    color: #333;

    padding-top: 1.5em;

    left: 0;

    top: 0;

}

.star-rating-wap .review-count {

    font-size: 14px;

    font-weight: 500;

    margin-left: 14px;

    color: gray;

}

.star-rating span {

    

    font-size: 12px;

    color: #FDA043;

    font-weight: 900;

    animation: fadeIn 0.5s both;

    animation-delay: 0.3s;

}

.product-d h3 a {

    font-size: 17px;

}



.line1 {

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    white-space: normal;

    overflow: hidden;

}

.line2 {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    white-space: normal;

    overflow: hidden;

}

.line3 {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    white-space: normal;

    overflow: hidden;

}

.line4 {

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    white-space: normal;

    overflow: hidden;

}

.po-icon {

    position: absolute;

    top: 15px;

    right: 15px;

    background: #ffbf0a;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    border-radius: 50%;

    font-size: 18px;

    cursor: pointer;

}

.off-off {

    position: absolute;

    left: 10px;

    background: #4f8705;

    color: #fff;

    font-size: 11px;

    padding: 5px 5px;

    border-radius: 0px 10px 10px 0;

    top: 15px;

}



.sp-quantity {

    width: 124px;

    height: 42px;

    float: left;

}



.sp-minus {

    width: 40px;

    height: 40px;

    border: 1px solid #e1e1e1;

    float: left;

    text-align: center;

}



.sp-input {

    width: 40px;

    height: 40px;

    border: 1px solid #e1e1e1;

    border-left: 0px solid black;

    float: left;

}



.sp-plus {

    width: 40px;

    height: 40px;

    border: 1px solid #e1e1e1;

    border-left: 0px solid #e1e1e1;

    float: left;

    text-align: center;

}



.sp-input input {

    width: 39px;

    height: 38px;

    text-align: center;

    

    border: none;

}



    .sp-input input:focus {

        border: 1px solid #e1e1e1;

        border: none;

    }



.sp-minus a, .sp-plus a {

    display: block;

    width: 100%;

    height: 100%;

     padding-top: 1px;

    font-size: 21px;

}

.single_add_to_cart_button {

    float: right;

    padding: 7px 20px;

    background: green;

    color: #fff;

    cursor: pointer;

}

.single_add_to_cart_button:hover{

    background: #0072AB; color:#2c2c2c;

}

hr {

    border-bottom: 1px solid #cfcfcf !important;

    border-top: 0 none;

    margin: 20px 0 !important;

    padding: 0;

}

.dt-sc-tabs.dt-sc-list-inline button {

     border-radius: 0px;

}

.tablinks:hover, .tablinks.active {

    background-color: #f4b323;

    color: #292929;

    border: 0;

}

.tablinks {

    cursor: pointer;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    float: none;

    font-size: inherit;

    font-style: normal;

    font-weight: 400;

    padding: 10px 20px !important;

    outline: none;

    appearance: none;

    -webkit-appearance: none;

    line-height: var(--DT_Body_Line_Height);

    border-radius: var(--DT_Button_Border_Radius);

    font-weight: 500;

    color: #2a2a2a;

    background-color: #00000000;

    border: 2px solid #2a2a2a !IMPORTANT;

    font-size: 18px;

}

.dt-sc-tabs {

}

.dt-sc-tabs-content {

    border-radius: 0px;

    display: none;

    padding: 30px;

    border: 1px solid #f4f4f4;

    -webkit-animation: fadeEffect 1s;

    animation: fadeEffect 1s;

}



.blog-img img{ width:100%;}

.blog-cont h3 a {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    white-space: normal;

    overflow: hidden;

}

.play-i a {

    background: #0382c2;

    padding: 10px 20px;

    color: #fff;

    border-radius: 5px;

    font-size: 22px;

     

}

.blog-cont p {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    white-space: normal;

    overflow: hidden;

}



.min-blog {

    background: #fff;

    border: 1px solid #e9e9e9;

    padding: 0px;

    margin-bottom: 30px;

}

    .min-blog:hover {

        box-shadow: -1px 3px 10px 1px #00000040;

        margin-top: -10px !important;

    }

.blog-img {

    padding: 10px;

}

.blog-cont {

    padding: 10px 20px;

}

.blog-cont h3 {

    font-size: 20px;

    line-height: 30px;

}

    .blog-cont p {

        font-size: 16px;

        line-height: 23px;

        margin-bottom: 0px;

    }

    .blog-cont .bl-btn {

        margin: 20px 0;

        margin-bottom: 10px;

        display: inline-block;

        cursor: pointer;

        flex-wrap: wrap;

        justify-content: center;

        align-items: center;

        float: none;

        font-size: inherit;

        font-style: normal;

        font-weight: 400;

        padding: 10px 20px !important;

        outline: none;

        appearance: none;

        -webkit-appearance: none;

        line-height: var(--DT_Body_Line_Height);

        border-radius: var(--DT_Button_Border_Radius);

        font-weight: 500;

        color: #2a2a2a;

        background-color: #00000000;

        border: 2px solid #2a2a2a !IMPORTANT;

        font-size: 18px;

    }

        .blog-cont .bl-btn:hover, .blog-cont .bl-btn.active {

            background-color: #f4b323;

            color: #292929;

            border: 0;

        }

.register-f {

    background: #F7F8FA;

    padding: 30px;

    position: sticky;

    top: 120px;

}



.form-event h3 {

    margin-bottom: 20px;

    text-transform: uppercase;

}



.form-in .read-m-we {

    margin-bottom: 0px;

    width: 100%;

    border-radius: 5px;

}



.form-in:last-child {

    margin-bottom: 0px;

}



.form-event ul {

    margin-bottom: 25px;

}



    .form-event ul li {

        margin-bottom: 8px;

    }



        .form-event ul li i {

            margin-right: 15px;

        }



.form-in {

    margin-bottom: 25px;

}

#ciguli{

    margin-left: 25%;

}

#bea{

    display: flex;

    flex-direction: row;

    min-width: 100%;

}

.Contact-det .min-add {

    width: 25%;

    margin: 5%;

    max-height: 220px;

    padding: 10px;

}

#ucgen{

    margin-top:15%;

}

#diy{

    padding-bottom: 0px!important;

}

.fill-in {

    width: 100%;

    padding: 10px;

    height: 50px;

    border: 1px solid #0072AB;

}

.form-in .read-m-we {

    margin-bottom: 0px;

    width: 100%;

    border-radius: 5px;

}



.btn-gradient:hover {

    background: #0099E5;

    color: #ffffff;

}

.subbanner {

    position: relative;

    height: 550px;

    background-position: center bottom;

    background-size: cover;

    background-repeat: no-repeat;

    margin-top: -6em !important;

}

.btn-gradient {

    color: #ffffff;

    cursor: pointer;

    background-size: 200% auto;

    border: none;

    border-radius: 8px;

    background: #245973;

    padding: 13px 30px;

    font-size: 18px;

    float: none;

    display: inline-block;

    margin-bottom: 3em;

}

.min-img{ position:relative; text-align:center}

    .min-img img {

        width: 68%;

        margin: auto;

        float: none;

    }

.register-form {

    background: #F7F8FA;

    padding: 30px;

    

}

textarea.fill-in.text-m {

    height: 150px;

}

.min-add {

    text-align: center;

    border-width: 1px;

    border-style: solid;

    border-color: #0072AB;

    padding: 30px;

    border-radius: 5%;

}



    .min-add span {

        font-size: 38px;

        font-weight: 500;

        margin-bottom: 13px;

        display: block;

    }



    .min-add h4 {

        font-size: 20px;

        text-transform: uppercase;

        color: #000;

    }



    .min-add ul li {

        font-size: 15px;

        color: #3c3c3c;

    }

    .product-d2 {

    margin:auto;

    padding: 10px 20px;

    padding-bottom: 20px;

}

.pro-list2 {

    background: #fff;

    border: 1px solid #e9e9e9;

    padding: 0px;

    margin-bottom: 30px;

    display: inline-flex;

}

.product-d2 .star-rating {

    

    color: #ffbf0a;

    overflow: hidden;

    position: relative;

    text-align: left;

    line-height: 30px;

    letter-spacing: 4px;

    display: inline-block;

    vertical-align: middle;

}



.po-icon2 {

    position: absolute;

    top: 237px;

    right: -105px;

    background: #ffbf0a;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    border-radius: 50%;

    font-size: 18px;

    cursor: pointer;

}

.theme-btn2 {

    padding: 15px 25px !important;

    border-radius: 5px;

    text-transform: uppercase;

    margin:auto;

    margin-top: 20px;

}

/* zelal değiştirildi */

/* .counter{

    background-image: url(../images/offer.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 60px;

} */ /* zelal değiştirildi */

.offer1 p{

    color: #fff;

    font-size: 45px;



}

.offer1 {

    position: relative;

    padding: 3em;

    background-size: cover;

    text-align: center;

}

.offer1 h3 {

    position: relative;

}

    .offer1:before {

        content: "";

        position: absolute;

        

        width: 80%;

        height: 71%;

        left: 0;

        right: 0;

        margin: auto;

        top: 0;

        bottom: 0;

    }

.offer1 span {

    font-size: 20px;

    color: #fff;

}

.best-offer{

    text-align: center;

}

.best-offer h2{

    color: #fff;

}

.vide1-bg {

    background-image: url(../images/h2.jpg);

    background-size: cover;

    background-position: center;

}

.video-p2 {

    text-align: center;

    background: #47433973;

    padding: 4em;

    width: 80%;

    margin: auto;

}



.video-p2 h2, .video-p2 p {

    color: #fff;

}

/* Home three */

.onlone-pro {

    display: flex;

}

.n-online {

    text-align: center;

    justify-content: center;

    width: 74px;

    padding: 19px;

    background-color:  #0099E5;

    font-size: 25px;

    border-radius: 40px;

    margin: 10px;

    height: 74px;

}

.veri {

    justify-items: center;

    padding: 20px;

}

.express {

    display: flex;

}

.supp-team {

    display: flex;

}

.supp-team i {

    margin: 5px;

    border-radius: 50px;

    background-color: #0099E5;

    font-size: 29px;

    width: 60px;

    height: 60px;

    padding: 16px;

}

.video1-bg {

    background-image: url(../images/video1.jpg);

    background-size: cover;

}

.v-all{

    color: #fff;

    background-color: #0099E5;

    height: 80px;

    margin-bottom: 40px;

    font-size: 30px; 

    text-align: center; 

    font-weight: bold;

    justify-content: center;

}

.v-all:hover{

    color: #000;

}

.sub-bg1 {

    position: relative;

    padding-left: 50px;

    margin-bottom: 1em;

    color: #0099E5;

    font-size: 39px;

    font-weight: 600;

}

    .sub-bg1:before {

        content: "";

        position: absolute;

        background-image: url(../images/text-bg.png);

        background-size: cover;

        width: 100px;

        height: 100px;

        left: 0;

        top: -0.7em;

    }

   

   .gizlilik {

    margin-top: 5px;

    text-align: center;

    font-family: 'Jost', sans-serif;

    margin-bottom: 5px;

   }



   .gizlilik a {

    color: #000;

    text-decoration: none;

   }



   .privacypolicy h2{

    font-family: 'Jost', sans-serif;

    margin-left: 25px;

   }



   .h4baslikp h4{

    font-family: 'Jost', sans-serif;

    color: #000;

   

   }





   .kullanici {

    margin-top: 8px;

    text-align: center;

    font-family: 'Jost', sans-serif;

   

   }



   .kullanici a {

    color: #000;

    text-decoration: none;

   }





   .kullanicis h3{

    font-family: 'Jost', sans-serif;

    margin-left: 25px;

   }





   .custom-list {

    list-style-type: disc; /* Nokta kullan */

    padding-left: 20px; /* Liste öğeleri için iç boşluğu ayarla */

}



.custom-list li {

    list-style-type: disc; /* Her öğe için nokta kullan */

}



li span {

    font-weight: normal;  

}