/*
Theme Name: Conceptly
Theme URI: https://www.nayrathemes.com/conceptly-free/
Author: Nayra Themes
Author URI: https://www.nayrathemes.com/
Description: Conceptly is a fast and lightweight, multi-purpose WordPress theme. Enjoy Ken Burns effect, background elements, & smooth animations. Build amazing website with Conceptly. Checkout the demo of Conceptly Pro https://www.nayrathemes.com/demo/pro/?theme=conceptly
Version: 6.3
Tested up to: 6.4
Requires PHP: 5.6
Requires at least: 4.7
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: conceptly
Slug: conceptly
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, photography, portfolio, editor-style, grid-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
/*
============================================
*   [Table of contents]
* ==========================================

    ** Theme Reset Css
    01. Homepagep
        01. Header Top
        02. Custom Navigation
        03. Header Slider
        04. Slider Contact
        05. Service 

        06. Features
        07. CTA Section
        08. Latest News
        09. Our Partner
        10. Footer Copyright
        
    ** BreadCrumb Styles

    02. Blog Page
        01. Post Comment Area
    03. 404 Page

 ========================================== */

/*
==========================================
    Theme Reset Css
==========================================
*/

.mb-7{
    margin-bottom: 5rem!important;
 }
 
 /* Helper class*/
 
 .section-padding {
     padding: 100px 0 100px;
 }
 
 .section-padding-top {
     padding: 100px 0 0;
 }
 
 .section-title {
     margin-bottom: 50px;
 }
 
 .section-title h2 {
     margin-bottom: 20px;
     display: inline-block;
 }
 
 .section-title h2 span:not(.customize-partial-edit-shortcut) {
     width: 60px;
     height: 3px;
     float: right;
     margin-top: 10px;
     margin-left: 30px;
 }
 
 
 .owl-item {
     float: left;
 }
 
 .owl-stage-outer {
     overflow: hidden;
 }
 
 .owl-nav {
     display: none;
 }
 
 .header-btn a.boxed-btn {
     font-weight: 600;
     letter-spacing: 1px;
 }
 
 /*
 ==========================================
     Button Styles
 ==========================================
 */
 input[type="button"], input[type="reset"], input[type="submit"],
 .wp-block-search__button,
 .blog-post .read-more-link,
 .blog-post .more-link,
 .boxed-btn, .wp-block-loginout a,
 .wp-block-button a {
     white-space: nowrap;
     line-height: 1.5;
     display: inline-block;
     vertical-align: middle;
     color: #fff !important;
     border: 0;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     border-radius: 0 20px 0 20px;
     padding: 10px 30px;
     position: relative;
     z-index: 0;
     overflow: hidden;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }
 
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus,
 .wp-block-search__button:hover,
 .wp-block-search__button:focus,
 .blog-post .read-more-link:hover,
 .blog-post .read-more-link:focus,
 .blog-post .more-link:hover,
 .blog-post .more-link:focus,
 .boxed-btn:focus,
 .boxed-btn:hover {
     color: #ffffff;
 }
 
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus {
     background-color: #111111;
 }
 
 .wp-block-search__button:before,
 .blog-post .read-more-link:before,
 .blog-post .more-link:before,
 .boxed-btn:before,
 .wp-block-loginout a:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #333;
     border-radius: 100%;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition-property: transform;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 
 .wp-block-search__button:hover:before,
 .wp-block-search__button:focus:before,
 .blog-post .read-more-link:focus:before,
 .blog-post .read-more-link:hover:before,
 .blog-post .more-link:focus:before,
 .blog-post .more-link:hover:before,
 .boxed-btn:focus:before,
 .boxed-btn:hover:before,
 .wp-block-loginout a:hover:before,
 .wp-block-loginout a:focus:before {
     -webkit-transform: scale(2);
     transform: scale(2);
 }
 
 .wp-block-search .wp-block-search__button {
     border: 0 !important;
 }
 
 .boxed-btn i {
     margin-left: 10px;
 }
 
a {
	text-decoration: underline;
}

a:hover, a:focus{
	text-decoration:dotted underline;
}
 
 /*
 ===================================================================================
     01. Homepage
 ===================================================================================
 */
 
 
 /*
 ==========================================
     01. Header Top
 ==========================================
 */
 
 .header-above {
     color: #fff;
     padding: .962em 0;
 }
 
 .header-above a {
     color: #fff;
 }
 
 .header-above i {
     width: 30px;
     height: 30px;
     background: #ffffff;
     border-radius: 50%;
     color: #111111;
     text-align: center;
 }
 
 .header-above .trh-social li:not(:last-child) {
     padding-right: 16px;
 }
 
 .header-above .header-info i {
     margin-right: 10px;
 }
 
 .header-above li {
     display: inline-block;
     position: relative;
 }
 
 .header-info li {
     padding-right: 28px;
     margin-right: 15px;
     position: relative;
 }
 
 .header-above ul.trh-social li:last-child:after {
     visibility: hidden;
 }
 
 .header-above li:after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     right: 6px;
     width: 1px;
     height: 15px;
     margin: auto 0;
     background: #ffffff;
 }
 
 .header-info li:last-child {
     padding-right: 0;
     margin-right: 0;
     border-right: none;
 }
 
 .header-info li:last-child:after {
     display: none;
 }
 
 .header-social li {
     padding-right: 10px;
     margin-right: 10px;
 }
 
 .header-social li:last-child {
     padding-right: 0;
     margin-right: 0;
     border-right: none;
 }
 
 .header-social li:last-child:after {
     display: none;
 }
 
 .header-social li a {
     color: #fff;
     -webkit-transition: .3s;
     transition: .3s;
 }
 
 .header-social li a:hover {
     color: #eee;
 }
 
 .header-social li i {
     margin-right: 0 !important;
 }
 
 .header-social a:hover i.fa-facebook-f {
     color: #3B5999 !important;
 }
 
 .header-social a:hover i.fa-twitter {
     color: #1da1f2 !important;
 }
 
 .header-social a:hover i.fa-linkedin-in {
     color: #0077B5 !important;
 }
 
 .header-social a:hover i.fa-google-plus-g {
     color: #DA4835 !important;
 }
 
 
 /*
 ==========================================
     02. Custom Navigation
 ==========================================
 */
 
 .header.active-three .menubar .menu-wrap > li > a {
     line-height: 40px;
 }
 
 .theme-mobile-nav .header-cart-box-wrapper {
     right: 0;
     left: auto;
 }
 
 /* Cart */
 
 .menu-right li.search-button {
     margin-left: 16px;
     padding-left: 10px;
     border-left: 1px solid #e6e6e6;
 }
 
 .menu-right .header-search-toggle {
     width: 30px;
 }
 
 .menu-right .cart-wrap {
     margin-right: 6px;
 }
 
 .cart-icon-wrapper {
     position: relative;
     text-align: left;
     cursor: pointer;
     display: flex;
     align-items: center;
 }
 
 .cart-wrap {
     width: 40px;
     height: 40px;
     flex-shrink: 0;
 }
 
 .header-right-bar a {
     color: #111111;
 }
 
 /* Header Cart box start*/
 .header-cart-box-wrapper {
     background: #fff;
     position: absolute;
     left: 0;
     text-align: left;
     top: 50%;
     width: 270px;
     padding-left: 20px;
     padding-bottom: 20px;
     padding-right: 20px;
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
     z-index: 999;
     -webkit-transition: .3s;
     transition: .3s;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
 }
 
 .cart-icon:focus-within .header-cart-box-wrapper,
 .cart-icon:hover .header-cart-box-wrapper {
     top: 120%;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
 }
 
 .cart-image img{
     float: left;
     margin-top: 16px;
     margin-right: 18px;
     background: #000;
     height: 85px;
     width: 75px;
 }
 
 .cart-heading {
     margin-bottom: 8px;
     padding-top: 15px;
 }
 
 .cart-heading a {
     color: #333;
 }
 
 .cart-qty {
     margin-bottom: 8px;
 }
 
 .cart-price {
     color: #666;
     margin-right: 19px;
     margin-top: 27px !important;
 }
 
 .cart-remove {
     position: absolute;
     right: 1px;
     top: 16px;
 }
 
 .cart-remove.deft-remove-icon a {
     margin-left: 2px;
 }
 
 .single-cart-box {
     position: relative;
     padding-bottom: 10px;
     border-bottom: 1px solid #ccc;
 }
 
 .cart-qty {
     color: #9c9b9b
 }
 
 .shipping-amt {
     float: right;
 }
 
 .cart-subtotal {
     margin-top: 5px;
     color: #333;
 }
 
 .subttl-text {
     margin-right: 31px;
 }
 
 .subttl-amt {
     float: right;
     margin-right: 17px;
 }
 
 /* Sticky */
 
 .sticky-nav.is-sticky {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     background: #ffffff;
     box-shadow: 0px 0 1px rgba(0, 0, 0, .2);
 }
 
 .admin-bar .sticky-nav.is-sticky {
     top: 32px;
 }
 
 .sticky-nav.is-sticky {
     -webkit-animation: fadeInDown 1s both;
     animation: fadeInDown 1s both;
 }
 
 .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
     cursor: pointer;
 }
 
 /*
 ==========================================
     03. Header Slider
 ==========================================
 */
 
 /* Header Slider */
.header-slider {
    width: 100%;
    max-width: 1200px; /* Maksimum genişlik */
    margin: 0 auto;
    padding: 10px;
    position: relative; /* İçeriğin düzgün yerleşmesi için */
}

.header-single-slider img {
    display: block;
    margin: 0;
    width: 100%; /* Görsellerin genişliği slider ile uyumlu */
    height: auto;
    object-fit: cover;
}

.theme-slider:not(.azwa-slider):after,
.theme-slider:not(.azwa-slider) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.theme-slider {
    z-index: 0;
}

.theme-table {
    overflow: hidden;
    display: table;
    width: 100%;
    height: 100%;
}

.theme-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.theme-slider div.theme-content {
    overflow: hidden;
    position: relative;
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

/* Modern Thumbnail Butonları - Daha şık görünüm */
.header-slider .owl-thumbs {
    position: absolute;
    bottom: 20px; /* Daha alt kısma yerleştiriyoruz */
    left: 50%; /* Yatayda ortalama */
    transform: translateX(-50%); /* Tam ortalamak için */
    display: flex;
    justify-content: center;
    z-index: 10; /* Butonları slider'ın üstüne getiriyor */
}

button.owl-thumb-item {
    border: none;
    outline: none;
    background: none;
    padding: 5px;
    margin: 0 10px; /* Butonlar arasına boşluk ekliyoruz */
    border-radius: 50%; /* Yuvarlak butonlar */
    transition: all 0.3s ease; /* Hover efekti için geçiş */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Butonlara hafif gölge */
}

/* Hoverda modern görünüm */
button.owl-thumb-item:hover {
    background: #ff5d00; /* Hoverda arka plan rengini değiştir */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Gölgeyi büyüt */
}

/* Thumbnail görselleri */
button.owl-thumb-item img {
    width: 50px; /* Görsel boyutunu ayarlıyoruz */
    height: 50px;
    border-radius: 50%; /* Yuvarlak görseller */
    object-fit: cover; /* Görselin boyutunu kutuya uyacak şekilde kırp */
    border: 2px solid transparent; /* Kenarlık */
    transition: border 0.3s ease;
}

/* Aktif durumda kenarlık rengi değişecek */
.owl-thumb-item.active img {
    border-color: #ff5d00;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .header-slider {
        max-width: 100%; /* Küçük ekranlar için genişliği tam ekran */
        padding: 5px; /* Padding'i küçült */
    }

    .theme-slider div.theme-content {
        max-width: 90%;
        padding: 15px;
    }

    .owl-thumb-item img {
        width: 40px; /* Mobilde thumb boyutunu küçült */
        height: 40px;
    }
}

@media (max-width: 480px) {
    .header-slider {
        max-width: 100%;
        padding: 0;
    }

    .theme-slider div.theme-content {
        padding: 10px;
    }

    .owl-thumb-item img {
        width: 30px; /* Çok küçük ekranlarda thumbnail boyutunu daha da küçült */
        height: 30px;
    }
}
 
 /*
 ==========================================
     04. Slider Contact
 ==========================================
 */
 
 /* Slider Contact */
.contact-wrapper {
    position: relative;
    background: #ffffff;
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
    margin-top: -130px;
    border: none;
    border-bottom: 3px solid #ff5d00; /* Daha sade border stili */
    z-index: 1;
    border-radius: 8px; /* Köşeleri yuvarlatarak daha modern bir görünüm */
}

.single-contact {
    flex: 1;
    position: relative;
    padding: 33px 30px 30px;
    background: #fff;
    transition: .3s ease-in-out; /* Geçiş efektini yumuşat */
    border-radius: 8px; /* Yumuşak köşeler */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
}

.single-contact:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 50px;
    margin: auto 0;
    background: #e6e6e6;
}

.single-contact:last-child:after {
    display: none;
}

.single-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 16px;
    width: 65px;
    height: 65px;
    padding: 10px;
    border-radius: 50%;
    transition: .3s ease-in-out;
    background-color: #ff5d00; /* Arka plan rengini ekleyerek görsellerin etrafında yuvarlak alan oluştur */
}

.single-icon * {
    z-index: 1;
}

.single-icon:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    opacity: 0.2;
    z-index: 0;
}

.single-icon .spin-circle {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    animation: rotateme 30s linear infinite;
}

.single-icon .spin-circle:after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: 0;
    width: 12px;
    height: 12px;
    z-index: 1;
    border-radius: 50%;
    background-color: #ff5d00;
}

.single-contact:nth-child(2) .single-icon .spin-circle,
.single-contact:nth-child(8) .single-icon .spin-circle,
.single-contact:nth-child(14) .single-icon .spin-circle {
    animation: rotatemetwo 30s linear infinite;
}

.single-icon i,
.single-icon img {
    width: 40px;
    margin: auto;
    transition: .3s ease-in-out;
}

.contact-wrapper .single-contact:hover i,
.contact-wrapper .single-contact:hover img {
    transform: scale(1.075);
}

.single-contact:hover .single-icon {
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.single-contact:hover .single-icon:after {
    background-color: #ffffff;
}

@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotatemetwo {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}
 
 /*
 ==========================================
     05. Service
 ==========================================
 */
 
 .service-box {
     padding: 60px 25px;
     z-index: 1;
     position: relative;
     -webkit-transition: .3s;
     transition: .3s;
     color: #111111;
     overflow: hidden;
     box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.085);
 }
 
 .service-box:focus-within,
 .service-box:hover {
     color: #fff;
     box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.10);
 }
 
 .service-box:after {
     content: '';
     width: 100%;
     height: 100%;
     background: #000;
     position: absolute;
     top: 0;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     left: 0;
     z-index: -1;
     -webkit-transition: .1s;
     transition: .1s;
     -webkit-transform: scale(.9);
             transform: scale(.9);
 }
 
 .service-box:focus-within:after,
 .service-box:hover:after {
     opacity: .75;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
     visibility: visible;
     -webkit-transform: scale(1);
             transform: scale(1);
 }
 
 
 .service-box img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     -webkit-transition: .3s;
     transition: .3s;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transform: scale(.9);
             transform: scale(.9);
 }
 
 .service-box:focus-within img,
 .service-box:hover img {
     -webkit-transform: scale(1);
             transform: scale(1);
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
 }
 
 .service-icon i {
     margin-bottom: 20px;
 }
 
 .service-box h3 {
     margin-bottom: 20px;
 }
 
 .service-box .devider {
     width: 60px;
     height: 3px;
     margin-bottom: 20px;
 }
 
 .service-box p {
     margin-bottom: 30px;
 }
 
 #service-contents .single_serv {
     margin-bottom: 30px !important;
 }
 #service-contents .single_serv:last-child {
     margin-bottom: 0px !important;
 }
 
 /*
 ==========================================
     06. Features
 ==========================================
 */
 
 #ourfeatures {
     background: #f9f9f9;
     z-index: 0;
 }
 
 #ourfeatures .shape15 {
     opacity: 0.35;
 }
 
 .features-box {
     position: relative;
     -webkit-transition: 0.5s;
     transition: 0.5s;
 }
 
 .features-box:hover {
     background-color: #ffffff;
     -webkit-box-shadow: 0 2px 45px 0 rgba(0, 0, 0, 0.018);
     box-shadow: 0 2px 45px 0 rgba(0, 0, 0, 0.1);
 }
 
 .features-box h3 {
     padding-left: 10px;
     position: relative;
     margin-bottom: 10px;
 }
 
 .features-box h3:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     width: 5px;
     height: 100%;
 }
 
 .more-load {
     text-align: center;
 }
 
 #ourfeatures .boxed-btn {
     margin: 40px auto 0;
 }
 
 #ourfeatures .features-box:nth-child(2):after,
 #ourfeatures .features-box:nth-child(3):after,
 #ourfeatures .features-box:nth-child(1):after {
     content: '';
     width: 100%;
     height: 1px;
     background: #e6e6e6;
     right: 0;
     bottom: 0;
     position: absolute;
 }
 
 #ourfeatures .features-box:nth-child(8):before,
 #ourfeatures .features-box:nth-child(7):before,
 #ourfeatures .features-box:nth-child(5):before,
 #ourfeatures .features-box:nth-child(4):before,
 #ourfeatures .features-box:nth-child(2):before,
 #ourfeatures .features-box:nth-child(1):before {
     content: '';
     height: 100%;
     width: 1px;
     background: #e6e6e6;
     right: 0;
     bottom: 0;
     position: absolute;
 }
 
 #ourfeatures .features-box:nth-child(9):after,
 #ourfeatures .features-box:nth-child(8):after,
 #ourfeatures .features-box:nth-child(7):after {
     content: '';
     width: 100%;
     height: 1px;
     background: #e6e6e6;
     right: 0;
     top: 0;
     position: absolute;
 }
 
 .widget_contact_widget li {
     vertical-align: middle;
     display: block;
     font-size: 15px;
 }
 
 .widget_contact_widget li i,
 .header-above i,
 .features-box-icon i,
 .features-box-icon img {
     -webkit-transition: .3s;
     transition: .3s;
 }
 
 .features-box-icon i {
     font-size: 45px;
     color: #f55d00;
 }
 
 .widget_contact_widget ul > li:hover i,
 .header-above a:hover i,
 .header-above a:focus i,
 .features-box:hover .features-box-icon i,
 .features-box:hover .features-box-icon img {
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
     -webkit-filter: FlipH;
             filter: FlipH;
     -ms-filter: "FlipH";
 }
 
 /*
 ==========================================
     10. CTA Section
 ==========================================
 */
 
 #cta {
     background: url(../img/bg/cta-bg.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     color: #fff;
     padding: 50px 0;
     background-color: #777 !important;
 }
 
 .purchase-btn {
     border-radius: 0 20px 0 20px;
     padding: 15px 20px 15px 60px;
     text-transform: capitalize;
     color: #fff;
     position: relative;
     margin-top: 5px;
     display: inline-block;
 }
 
 .purchase-btn i {
     padding: 16px 14px;
     border-radius: 0 0 0 19px;
     background: #fff;
     text-align: center;
     position: absolute;
     top: 0;
     left: -10px;
 }
 
 /*
 ==========================================
     15. Latest News
 ==========================================
 */
 
 #latest-news .blog-post {
     margin: 0 0;
 }
 
 #latest-news .blog-post {
     -webkit-transition: .3s;
     transition: .3s;
     padding: 0;
 }
 
 #latest-news .blog-post figure {
     margin-bottom: 0;
 }
 
 #latest-news .blog-post:hover {
     box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.12)
 }
 
 #latest-news .post-thumbnail {
     position: relative;
     z-index: 2;
 }
 
 #latest-news .post-thumbnail:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     background-color: #111111;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     z-index: 1;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
     -webkit-transition-delay: 0.3s;
     transition-delay: 0.3s;
 }
 
 #latest-news .blog-post:focus-within .post-thumbnail:after,
 #latest-news .blog-post:hover .post-thumbnail:after {
     opacity: .75;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     visibility: visible;
 }
 
 .blog-post .post-overlay img {
     z-index: 2;
 }
 
 #latest-news .meta-info {
     padding: 10px 16px;
 }
 
 #latest-news .post-content {
     padding: 40px 15px;
     position: relative;
 }
 
 #latest-news .post-content:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     border-width: 0;
     border-style: solid;
     border-color: #ff5d00;
     border-bottom-width: 2px;
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 
 #latest-news .blog-post:focus-within .post-content:before,
 #latest-news .blog-post:hover .post-content:before {
     -ms-transform: scale(1);
     transform: scale(1);
 }
 
 .post-content .post-title a {
     -webkit-transition: .3s;
     transition: .3s;
     color: #242424;
     margin-bottom: 16px;
     display: block;
 }
 
 .blog-post .more-link,
 .blog-post .read-more-link {
     margin-top: 20px;
 }
 
 .blog-post:hover .more-link:before,
 .blog-post .more-link:focus:before,
 .blog-post:hover .read-more-link:before,
 .blog-post .read-more-link:focus:before {
     background: #111111;
 }
 
 #latest-news .news {
     margin-bottom: 30px !important;
 }   
     
 #latest-news .news:last-child{
      margin-bottom: 0px !important; 
 }   
 /*
 ==========================================
     16. Our Partner
 ==========================================
 */
 
 #our-partners {
     background-color: #222222;
     padding: 60px 0;
     background-size: cover;
     background-position: center;
     position: relative;
     z-index: 2;
 }
 
 #our-partners:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: .85;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
     z-index: -1;
 }
 
 .partner-carousel .single-partner {
     margin-bottom: 0;
 }
 
 .single-partner {
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
     height: 120px;
     margin-bottom: 20px;
     position: relative;
 }
 
 .single-partner a {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #2f2f2f;
     cursor: crosshair;
     -webkit-transition: .3s;
     transition: .3s;
 }
 
 .inner-partner {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }
 
 /*
 ==========================================
     17. Footer Copyright
 ==========================================
 */
 
 #footer-copyright {
     background: #1d1a1a;
     color: #ffffff;
     padding: 20px 0;
 }
 
 #footer-copyright .copyright-text p {
     font-size: 15px;
 }
 
 .payment-method li {
     display: inline-block;
     padding: 0 20px;
     border-right: 1px solid #3f3c3c;
 }
 
 .payment-method li i {
     color: #ffffff;
     -webkit-transition: .3s;
     transition: .3s;
 }
 
 .payment-method li:last-child {
     border: none;
     padding-right: 0;
 }
 .payment-method li img {
     height: 24px;
     width: 24px;
 }
 /*
 ==========================================
     BreadCrumb Styles
 ==========================================
 */
 
 #breadcrumb-area {
     position: relative;
     background-size: cover;
     background-position: center;
     z-index: 2;
     padding: 100px 0 100px;
     color: #fff;
 }
 
 #breadcrumb-area:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000000;
     opacity: .75;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
     z-index: -2;
 }
 
 #breadcrumb-area ul li {
     display: inline-block;
     position: relative;
     margin-right: 10px;
 }
 
 #breadcrumb-area ul li a:after {
     content: '\f105';
     font-family: FontAwesome;
     margin-left: 10px;
 }
 
 #breadcrumb-area ul li:last-child:after {
     display: none;
 }
 
 #breadcrumb-area ul li,
 #breadcrumb-area ul li a {
     color: #fff;
 }
 
 /*
 ==========================================
     01. Pagination
 ==========================================
 */
 
 nav.navigation.pagination h2 {
     display: none;
 }
 
 .posts-navigation,
 .pagination, .page-links {
     margin: 50px auto;
     justify-content: center;
 }
 
 .posts-navigation .nav-links,
 .pagination .nav-links {
     display: inherit;
 }
 
 .pagination .nav-links .current {
     background: #c8c8c8;
     color: #fff;
     border-color: #c8c8c8;
 }
 
 .posts-navigation .nav-links a:hover,
 .posts-navigation .nav-links a:focus,
 .pagination .nav-links .page-numbers.current,
 .pagination .nav-links .page-numbers:focus,
 .pagination .nav-links .page-numbers:hover, .post-page-numbers.current, .post-page-numbers:hover, .post-page-numbers:focus {
     color:#fff;
 }
 
 .posts-navigation .nav-links a,
 .pagination .nav-links .current,
 .pagination .nav-links .page-numbers, .post-page-numbers {
     margin-right: 10px;
     border: 1px solid #e6e6e6;
     color: #111111;
     -webkit-transition: .3s;
     transition: .3s;
     border-radius: 0 10px 0 10px;
     padding: 10px 14px;
	 text-decoration: none;
 }
 
 .page-item:first-child .page-link,
 .page-item:last-child .page-link,
 .page-link {
     border-radius: 0 10px 0 10px;
 }
 
 .page-link {
     margin-right: 10px;
     border: 1px solid #c8c8c8;
     color: #111111;
     -webkit-transition: .3s;
     transition: .3s;
 }
 
 .page-link:hover {
     color: #fff;
 }
 
 .page-item.active .page-link {
     background: #c8c8c8;
     color: #fff;
     border-color: #c8c8c8;
 }
 
 .page-item.next .page-link,
 .page-item.prev .page-link {
     color: #fff;
 }
 
 
 .posts-navigation .nav-links a{
     color: #fff;
 }
 
 .posts-navigation .nav-previous, 
 .posts-navigation .nav-next {
     display: inline-block;
 }
 
 .navigation.posts-navigation .nav-links .nav-next {
     float: right;
 }
 
 /*
 ==========================================
     02. Exclusive
 ==========================================
 */
 
 #exclusive {
     background: #f5f5f5;
 }
 
 .single-exclusive {
     position: relative;
 }
 
 .single-exclusive img {
     width: 100%;
 }
 
 .single-exclusive .exclusive-content {
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 20px 20px;
     color: #fff;
 }
 
 .single-exclusive .exclusive-content h3 {
     margin-top: 5px;
     -webkit-transition: .3s;
     transition: .3s;
 }
 
 #exclusive .owl-dots {
     width: 300px;
     text-align: center;
     margin: 40px auto -8px;
 }
 
 #exclusive .owl-dots div {
     display: inline-block;
     width: 15px;
     height: 15px;
     margin-right: 10px;
     border: 1px solid #111111;
     border-radius: 50%;
     cursor: pointer;
 }
 
 
 /*
 ===================================================================================
     02. Blog Page
 ===================================================================================
 */
 
 .full-width {
     padding-bottom: 20px;
 }
 
 .blog-post {
     position: relative;
     padding: 10px 10px;
     box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.085);
     background: #fff;
     margin-top: 4px;
     margin-bottom: 40px;
 }
 
 .blog-details-page .blog-post {
     padding: 10px 10px; 
     box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.085);  
     background: #fff;   
     margin-top: 4px;    
     margin-bottom: 40px;    
     position: relative; 
     z-index: 0;
 }
 
 .blog-post .post-thumb {
     position: relative;
     text-align: center;
     cursor: pointer;
     margin-bottom: 40px;
 }
 
 .blog-post .post-thumb:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     background-color: #111111;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -webkit-transform: scale(0);
             transform: scale(0);
     visibility: hidden;
     -webkit-transition: .3s;
     transition: .3s;
     z-index: 1;
 }
 
 .blog-post .post-overlay,
 .blog-post .post-thumb figcaption {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -webkit-transition: all 0.3s ease-in;
     -webkit-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
     padding: 0 15px;
     z-index: 2;
 }
 
 .blog-post:focus-within .post-overlay,  
 .blog-post:focus-within .post-thumb figcaption:not(.blocks-gallery-item__caption),  
 .blog-post:hover .post-overlay, 
 .blog-post:hover .post-thumb figcaption:not(.blocks-gallery-item__caption) {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }
 
 .blog-post figure img {
     border-radius: 0;
     min-width: 100%;
 }
 
 .blog-post:focus-within .post-overlay:after,    
 .blog-post:focus-within .post-thumb:after,  
 .blog-post:hover .post-overlay:after,   
 .blog-post:hover .post-thumb:after {
     opacity: .75;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
     visibility: visible;
     -webkit-transform: scale(1);
             transform: scale(1);
 }
 
 .blog-post .post-overlay:before,
 .blog-post .post-overlay:after,
 .blog-post .post-thumb figcaption:before,
 .blog-post .post-thumb figcaption:after {
     position: absolute;
     content: '';
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     z-index: 2;
 }
 
 .blog-post .post-overlay:before,
 .blog-post .post-thumb figcaption:before {
     top: 70px;
     right: 50px;
     bottom: 70px;
     left: 50px;
     border-top: 1px solid #fff;
     border-bottom: 1px solid #fff;
     -webkit-transform: scale(0, 1);
     transform: scale(0, 1);
     -webkit-transform-origin: 0 0;
     transform-origin: 0 0;
 }
 
 .blog-post .post-overlay:after,
 .blog-post .post-thumb figcaption:after {
     top: 50px;
     right: 70px;
     bottom: 50px;
     left: 70px;
     border-right: 1px solid #fff;
     border-left: 1px solid #fff;
     -webkit-transform: scale(1, 0);
     transform: scale(1, 0);
     -webkit-transform-origin: 100% 0;
     transform-origin: 100% 0;
 }
 
 #latest-news .blog-post .post-overlay:after {
     top: 30px;
     right: 50px;
     bottom: 30px;
     left: 50px;
 }
 
 #latest-news .blog-post .post-overlay:before {
     top: 50px;
     right: 30px;
     bottom: 50px;
     left: 30px;
 }
 
 .blog-post .post-overlay img,
 .blog-post figure figcaption img {
     text-align: center;
     background: #fff;
     color: #da4f00;
     border-radius: 50%;
     -webkit-transform: translate3d(0, -30px, 0);
     transform: translate3d(0, -30px, 0);
 }
 
 .blog-post .post-overlay img,
 .blog-post figure figcaption img,
 .blog-post .post-overlay:after,
 .blog-post .post-overlay:before,
 .blog-post figure figcaption:before,
 .blog-post figure figcaption:after {
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
     transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
 }
 
 .blog-post:focus-within .post-overlay:after,    
 .blog-post:focus-within .post-overlay:before,   
 .blog-post:focus-within figure figcaption:before,   
 .blog-post:focus-within figure figcaption:after,    
 .blog-post:hover .post-overlay:after,   
 .blog-post:hover .post-overlay:before,  
 .blog-post:hover figure figcaption:before,  
 .blog-post:hover figure figcaption:after {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transform: scale(1);
     transform: scale(1);
 }
 
 .blog-post:focus-within .post-overlay img,  
 .blog-post:focus-within figure figcaption img,  
 .blog-post:hover .post-overlay img, 
 .blog-post:hover figure figcaption img {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
 
 .blog-post:focus-within figure figcaption:after,    
 .blog-post:focus-within figure figcaption img,  
 .blog-post:hover figure figcaption:after,   
 .blog-post:hover figure figcaption img {
     -webkit-transition-delay: 0.15s;
     transition-delay: 0.15s;
 }
 
 .meta-info {
     text-align: left;
     padding: 10px 35px;
     border-radius: 0px 20px 0 20px;
     width: 90%;
     position: absolute;
     top: -10%;
     left: 5%;
     z-index: 2;
     -webkit-transition: .3s;
     transition: .3s;
 }
 
 .post-thumb + .post-content .meta-info {
     top: -12%;
 }
 
 .post-content .meta-info {
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 }
 
 .post-thumb .meta-info,
 .post-thumbnail .meta-info {
     top: auto;
     bottom: -6%;
     height: max-content;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 }
 
 .blog-post:hover .post-content .meta-info,
 .blog-post:focus-within .post-content .meta-info {
     bottom: auto;
     top: -23px;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }
 
 .blog-post:focus-within .post-thumb .meta-info,
 .blog-post:hover .post-thumb .meta-info,
 .blog-post:focus-within .post-thumbnail .meta-info,
 .blog-post:hover .post-thumbnail .meta-info {
     bottom: -23px;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }
 
 .blog-post:focus-within .post-thumbnail img + .meta-info,   
 .blog-post:focus-within .post-thumbnail img + .post-overlay + .meta-info,   
 .blog-post:focus-within .post-thumb img + figcaption + .meta-info,  
 .blog-post:focus-within .post-thumb img + .meta-info,   
 .blog-post:hover .post-thumbnail img + .meta-info,  
 .blog-post:hover .post-thumbnail img + .post-overlay + .meta-info,  
 .blog-post:hover .post-thumb img + figcaption + .meta-info, 
 .blog-post:hover .post-thumb img + .meta-info {
     bottom: -23px;
 }
 
 .blog-post .meta-info li {
     display: inline-block;
 }
 
 .blog-post .meta-info li:not(:last-child) a {
     border-right: 1px solid #ffffff;
     margin-right: 10px;
     padding-right: 10px;
 }
 
 .blog-post .meta-info li {
     color: #fff;
 }
 
 .blog-post .meta-info li a {
     color: #ffffff;
     line-height: 1;
     display: inline-block;
 }
 
 .blog-post .meta-info li i {
     margin-right: 10px;
 }
 
 .post-content {
     padding: 0 30px 30px;
     display: flow-root;
 }
 
 .post-content .post-title a {
     -webkit-transition: .3s;
     transition: .3s;
     color: #242424;
     margin-bottom: 16px;
     display: block;
 }
 
 .full-width figure {
     margin-bottom: 50px;
 }
 
 /* =====================================
     02. Post Comment Area
 ===================================== */
 ol.comment-list .comment {
     border-bottom: 1px solid #f7f7f7;
     margin: 0;
     padding: 25px 0;
     align-items: flex-start;
 }
 
 .comment-respond {
     width: 100%;
 }
 
 .auth-mata {
     padding-right: 10px;
 }
 .blog-author-social {
     margin: 10px 0 0;
     padding: 0;
 }
 .media-body ul li {
     list-style: none;
     display: inline-block;
     padding: 5px;
 }
 
 .comment-meta .vcard img {
     width: 70px;
     height: 70px;
     border-radius: 50%;
     border: solid 1px #ccc;
     display: inline-block;
     position: relative;
     margin-top: 15px;
     margin-right: 10px;
 }
 
 .comment-metadata {
     margin-bottom: 15px;
     margin-top: -30px;
     margin-left: 77px;
 }
 
 .reply {
     text-align: right;
 }
 
 .comment article {
     width: 100%;
 }
 .post-comments-area {
     margin-top: 30px;
 }
 
 .comment-author a {
     color: #111111;
 }
 
 .post-comments-area .comment-time-left {
     margin-bottom: 7px;
 }
 
 /* Author Details*/
 
 .comment-respond .comment-reply-title {
     padding: 0;
     margin: 0 !important;
 }
 .comment-form {
     padding: 0 !important;
 }
 .comment-respond .comment-form > p:not(:last-child) {
     margin-bottom: 15px;
 }
 form.comment-form p.logged-in-as, form.comment-form p.comment-notes {
     margin: 0 !important;
     padding: 0 !important;
     border: none !important;
 }
 #respond textarea {
     width: 100%;
 }
 #respond label {
     display: inline-block;
     max-width: 100%;
     margin-bottom: 5px;
     font-weight: bold;
 }
 .comment-respond input:not([type="submit"]) {
     width: 100% !important;
     font-size: 14px;
     height: 50px;
     line-height: 1.42857;
 }
 
 p.comment-form-cookies-consent {
     display: none;
 }
 
 .comment-respond .form-submit input {
     border: none;
     cursor: pointer;
     background: #ff5d00;
     font-size: 18px;
     display: inline-block;
     vertical-align: middle;
     color: #fff !important;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     border-radius: 0 20px 0 20px;
     padding: 14px 30px 10px;
     position: relative;
     overflow: hidden;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     font-weight: 500;
     font-family: 'Raleway', sans-serif;
     margin: 25px 0px 21px 0px;
 }
 .comment-respond .form-submit input:hover,
 .comment-respond .form-submit input:focus {
     background: #333333;
 }
 .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments {
     border-top: 1px solid #d1d1d1;
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
     margin: 0;
     padding-top: 1.75em;
 }
 .blog-post.author-details {
     padding: 25px;
 }
 .author-details .section-title {
     text-align: center;
     margin-bottom: 0;
 }
 .auth-mata {
     padding-right: 10px;
 }
 .author-details img {
     width: 70px;
     height: 70px;
     border-radius: 50%;
     border: solid 1px #ccc;
     display: inline-block;
     position: relative;
     margin-top: 15px;
     margin-left: 20px;
 }
 .author-meta-det {
     padding: 10px;
 }
 .author-details p {
     font-size: 14px;
 }
 .blog-author-social {
     margin: 10px 0 0;
     padding: 0;
 }
 
 .post-comment-area .media {
     margin-bottom: 30px;
     padding: 4px 12px;
 }
 ul.media-list li h2 {
     font-size: 24px !important;
     margin: 0 !important;
 }
 
 .comment-list article {
     margin-bottom: 20px;
     padding: 10px 20px;
     box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
     -webkit-transition: .3s all;
     transition: .3s all;
 }
 .comment-author img {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     border: solid 1px #ccc;
     display: inline-block;
     position: relative;
     margin-top: 15px;
 }
 .comment-metadata {
     margin-bottom: 15px;
     margin-top: -30px;
     margin-left: 84px;
 }
 
 .comment-metadata span.edit-link {
     float: right;
 }
 
 ol.comment-list {
     padding: 0;
 }
 
 ol.comment-list, ol.children {
     list-style: none;
 }
 
 .comment-content p {
     font-size: 14px;
 }
 
 /*Contact Form*/
 .wpcf7 select {
     color: #23292e;
     font-weight: normal;
 }
 
 input.wpcf7-form-control {
     -webkit-transition: all 0.30s ease-in-out;
     -moz-transition: all 0.30s ease-in-out;
     -ms-transition: all 0.30s ease-in-out;
     -o-transition: all 0.30s ease-in-out;
     outline: none;
     padding: 3px 0px 3px 3px;
     margin: 5px 1px 3px 0px;
     border: 1px solid #DDDDDD;
     width: 100%;
 }
 
 .wpcf7-form [class*="date-"], .wpcf7-form span:nth-child(3) {
     display: inline-block;
     width: 49%;
 }
 
 .wpcf7-form span:nth-child(3) {
     margin-left: 5px;
 }
 
 .wpcf7-form p > label, .wpcf7-form span > label {
     width: 100%;
     font-size: inherit;
     display: inline-grid;
     font-weight: 500;
     margin-bottom: 25px;
     text-transform: capitalize;
 }
 
 .wpcf7-form [class*="checkbox-"] {
     width: 100% !important;
     margin: 0 !important;
 }
 
 .wpcf7-form input[type=checkbox], input[type=radio] {
     width: 15px;
     height: 15px;
 }
 
 .wpcf7-form .wpcf7-checkbox, .wpcf7-form .wpcf7-radio, .wpcf7-form .wpcf7-acceptance {
     padding: 5px 0;
     display: block;
 }
 
 .wpcf7-form span .wpcf7-radio .wpcf7-list-item-label, .wpcf7-form .wpcf7-acceptance span.wpcf7-list-item {
     margin-left: 0;
     margin-right: 5px;
 }
 
 .wpcf7-form .wpcf7-acceptance span.wpcf7-list-item label {
     display: inline-block;
     margin: 0;
 }
 
 .wpcf7-checkbox .wpcf7-list-item, .wpcf7-radio span.wpcf7-list-item {
     margin-left: 10px;
 }
 
 .wpcf7-checkbox .wpcf7-list-item:first-child, .wpcf7-radio span.wpcf7-list-item:first-child {
     margin: 0;
 }
 
 .wpcf7-form span.wpcf7-list-item-label {
     display: inline-block;
     vertical-align: text-bottom;
     margin-left: 5px;
     text-transform: capitalize;
 }
 
 .wpcf7-form textarea:focus,
 .wpcf7-form input:focus {
     border: 1px solid !important;
     outline: 0 !important;
     box-shadow: none;
 }
 
 .wpcf7-form .wpcf7-submit {
     display: inline-block;
     vertical-align: middle;
     color: #fff!important;
     border-radius: 0 20px 0 20px;
     margin-top: 15px;
     padding: 10px 30px;
     box-shadow: 0 0 1px transparent;
     font-weight: 500;
     text-transform: capitalize;
     font-size: 15px;
     line-height: 1.5;
     position: relative;
     overflow: hidden;
     border: none;
     cursor: pointer;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     border: 0;
     margin-left: 15px;
     cursor: pointer;
 }
 
 .wpcf7-form .wpcf7-submit:before{
      content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #333;
     border-radius: 100%;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition-property: transform;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 .wpcf7-form .wpcf7-submit:hover {
      background: #333 !important;
     color: #fff;
 }
 /*
 ===================================================================================
     03. 404 Page
 =================================================================================== */
 
 
 /* 404 */
 
 #page-404 {
     padding-bottom: 80px;
 }
 
 #page-404 h1 {
     margin: 40px 0 20px;
 }
 
 #page-404 h3 {
     margin: 0 0 20px;
     opacity: .8;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 
 #page-404 .boxed-btn {
     text-transform: capitalize;
 }
 
 /* Scroll Up */
 
 .scrollup.boxed-btn {
     width: 50px;
     height: 50px;
     border-radius: 0px 20px 0 20px;
     text-align: center;
     position: fixed;
     top: 0;
     right: 15px;
     padding: 0;
     color: #ffffff;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .9s;
     transition: .9s;
     z-index: 888;
     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
 }
 
 .scrollup.is-active {
     top: 98%;
     -webkit-transform: translateY(-98%);
     transform: translateY(-98%);
     opacity: 1;
     visibility: visible;
 }
 
 .scrollup.boxed-btn i {
     margin: 0;
 }
 
 .overlay-enabled .scrollup.boxed-btn {
     z-index: 0;
 }
 
 /* Animation Elements Start */
 
 .project-masonary,
 .service-section {
     position: relative;
 }
 
 .shape2 {
     position: absolute;
     left: 4%;
     top: 21%;
     z-index: -1;
 }
 
 .shape2 img {
     -webkit-animation: movebounce 5s linear infinite;
     animation: movebounce 5s linear infinite;
 }
 
 @keyframes movebounce {
     0% {
         transform: translateY(0px); 
     }
     50% {
         transform: translateY(20px); 
     }
     100% {
         transform: translateY(0px); 
     } 
 }
 
 .shape3 {
     position: absolute;
     left: 85%;
     top: 20%;
     z-index: -1;
 }
 
 .shape3 img {
     -webkit-animation: moveleftbounce 5s linear infinite;
     animation: moveleftbounce 5s linear infinite;
 }
 
 @keyframes moveleftbounce {
     0% {
         transform: translateX(0px); 
     }
     50% {
         transform: translateX(20px); 
     }
     100% {
         transform: translateX(0px); 
     } 
 }
 
 .shape4 {
     position: absolute;
     left: 47%;
     bottom: 10%;
     z-index: 1;
 }
 
 .shape4 img {
     -webkit-animation: moveleftbounce 5s linear infinite;
     animation: moveleftbounce 5s linear infinite;
 }
 
 .projects-mockup .shape4 {
     left: 62%;
     bottom: 85%;
 }
 
 .shape5 {
     position: absolute;
     left: 9%;
     bottom: 10%;
     z-index: -1;
 }
 
 .shape5 img {
     -webkit-animation: animationFramesOne 20s infinite linear;
     animation: animationFramesOne 20s infinite linear;
 }
 
 @keyframes animationFramesOne {
     0% {
         transform: translate(0px,0px) rotate(0deg) ;
     }
     20% {
         transform: translate(73px,-1px) rotate(36deg) ;
     }
     40% {
         transform: translate(141px,72px) rotate(72deg) ;
     }
     60% {
         transform: translate(83px,122px) rotate(108deg) ;
     }
     80% {
         transform: translate(-40px,72px) rotate(144deg) ;
     }
     100% {
         transform:  translate(0px,0px) rotate(0deg) ;
     }
 }
 
 .shape6 {
     position: absolute;
     right: 5%;
     bottom: 15%;
     z-index: -1;
 }
 
 .shape6 img {
     -webkit-animation-name: rotateme;
     animation-name: rotateme;
     -webkit-animation-duration: 30s;
     animation-duration: 30s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
 }
 
 @keyframes rotateme {
     from {
         transform: rotate(0deg);
     }
     to {
         transform: rotate(360deg);
     }
 }
 
 .shape7 {
     position: absolute;
     left: 35%;
     bottom: 8%;
     z-index: -1;
 }
 
 .shape7 img {
     -webkit-animation-name: rotateme;
     animation-name: rotateme;
     -webkit-animation-duration: 20s;
     animation-duration: 20s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
 }
 
 .shape8 {
     position: absolute;
     left: 38%;
     bottom: 22%;
     z-index: -1;
 }
 
 #breadcrumb-area .shape8 {
     left: 90%;
 }
 
 .shape8 img {
     -webkit-animation: moveleftbounce 5s linear infinite;
     animation: moveleftbounce 5s linear infinite;
 }
 
 .shape13 {
     position: absolute;
     left: 50%;
     top: 12%;
     z-index: -1;
 }
 
 .projects-mockup .shape13 {
     top: auto;
     bottom: -10%;
 }
 
 .shape13 img {
     -webkit-animation-name: rotateme;
     animation-name: rotateme;
     -webkit-animation-duration: 20s;
     animation-duration: 20s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
 }
 
 .shape15 {
     position: absolute;
     right: 0;
     top: 10%;
     text-align: right;
     z-index: -1;
 }
 
 .shape15 img {
     -webkit-animation: movebounce 5s linear infinite;
     animation: movebounce 5s linear infinite;
     max-width: 50%;
     margin-left: auto;
 }
 
 @keyframes movebounce {
     0% {
         transform: translateY(0px); 
     }
     50% {
         transform: translateY(20px); 
     }
     100% {
         transform: translateY(0px); 
     } 
 }
 
 .shape16 {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: -1;
 }
 
 
 .shape17 {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: -1;
 }
 
 .project-masonary .shape17 {
     right: 0;
     left: auto;
     transform: rotateY(180deg);
 }
 
 .shape18 {
     position: absolute;
     left: -15%;
     bottom: 5%;
     z-index: -1;
 }
 
 .shape19 {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: -1;
 }
 
 .shape19 img {
     transform: rotate(-45deg);
 }
 
 .lines {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     margin: auto;
     width: 90vw;
     z-index: -1;
 }
 
 .lines .line {
     position: absolute;
     width: 1px;
     height: 100%;
     top: 0;
     left: 50%;
     background: rgba(255, 255, 255, 0.1);
     overflow: hidden;
 }
 
 .lines .line::after {
     content: "";
     display: block;
     position: absolute;
     height: 15vh;
     width: 100%;
     top: -50%;
     left: 0;
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
     -webkit-animation: run 7s 0s infinite;
     animation: run 7s 0s infinite;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
     animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
 }
 
 .lines .line:nth-child(1) {
     margin-left: -25%;
 }
 
 .lines .line:nth-child(1)::after {
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
 }
 
 .lines .line:nth-child(3) {
     margin-left: 25%;
 }
 
 .lines .line:nth-child(3)::after {
     -webkit-animation-delay: 2.5s;
     animation-delay: 2.5s;
 }
 
 @keyframes run {
     0% {
         top: -50%;
     }
     100% {
         top: 110%;
     }
 }
 
 /* Animation Elements End */
 
 /*---------------------------------------
     Screen Reader Text
 -----------------------------------------*/
 /* Accessibility */
 /* Text meant only for screen readers. */
 .screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   word-wrap: normal;
   /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 }
 
 .screen-reader-text:focus {
   background-color: #f1f1f1;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto;
   clip-path: none;
   color: #21759b;
   display: block;
   font-size: 14px;
   font-size: 0.875rem;
   font-weight: bold;
   height: auto;
   right: 5px;
   line-height: normal;
   padding: 15px 23px 14px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000;
   /* Above WP toolbar. */
 }
 
 /* Do not show the outline on the skip link target. */
 #content[tabindex="-1"]:focus {
   outline: 0;
 }
 
 .wp-block-embed-facebook .wp-block-embed__wrapper {
     overflow: hidden;
     overflow-x: auto;
 }
 
 /* Header Above Start */
 
 .header-above {
     padding: .35em 0;
 }
 
 .header-above .header-above {
     border-bottom: 1px solid rgb(255 255 255 / 21%);
 }
 
 .header-abover-mobile {
     display: block;
     width: 100%;
 }
 
 .header-above .header-above-desk {
     display: none;
     width: 100%;
 }
 
 .mobi-above {
     width: 100%;
     padding: 20px 0;
     display: none;
 }
 
 .header-above-button {
     text-align: center;
     display: block;
 }
 
 .pull-down-toggle {
     border: none;
     outline: none;
     width: 100%;
     display: block;
     padding: 5px;
 }
 
 .pull-down-toggle i {
     width: 35px;
     height: 35px;
     line-height: 35px;
     -moz-transition: all 0.3s linear;
     -webkit-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }
 
 .pull-down-toggle.is-active i {
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
 .pull-down-toggle.is-active {
     border-bottom: 1px solid rgb(255 255 255 / 21%);
     padding-bottom: 10px;
 }
 
 @media only screen and (min-width:992px) {
     .header-above {
         padding: .962em 0;
     }
     .header-above .header-above-desk {
         display: block;
     }
     .header-abover-mobile {
         display: none;
     }
 }
 /* Header Above End */
 
 
 .post-content-inner .wp-block-categories li {
     display: inline-block;
 }
 
 
 .post-content-inner .wp-block-calendar {
     margin-top: 20px;
 }
 
 .wp-block-table figcaption {
     text-align: center;
 }
 
 .wp-block-image figcaption {
     text-align: center;
 }
 
 #footer-widgets .widget_media_image figcaption,
 .wp-block-table figcaption,
 figcaption.blocks-gallery-caption {
     font-weight: 600;
 }
 
 .woocommerce a.button {
     color: #ffffff;
 }
 
 .blog-post .gallery figure img {
     width: 100%;
 }
 
 /* gallery cross buttom style */
button.featherlight-close-icon.featherlight-close {
    background-color: #ff5d00;
    border: 1px solid #ff5d00;
    top: 40px;
    right: 40px;
    border-radius: 0;
}


/* circle hover */
.is-style-circle figure.tiled-gallery__item:before {
    content: '';
    position: absolute;
    inset: 0;
    background: #000;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.65s;
}
.is-style-circle figure.tiled-gallery__item:hover:before,
.is-style-circle figure.tiled-gallery__item:focus:before{
    visibility: visible;
    opacity: 0.5;
}

/* circle spacing */
.wp-block-jetpack-tiled-gallery .tiled-gallery__row{
	margin-right: calc(-.4 * var(--bs-gutter-x));
    margin-left: calc(-.4 * var(--bs-gutter-x));
    --bs-gutter-x: 1.5rem;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__row>* {
    padding-right: calc(var(--bs-gutter-x) * .4);
    padding-left: calc(var(--bs-gutter-x) * .4);
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__row:not(:last-child) {
    margin-bottom: 20px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__row+.tiled-gallery__row {
    margin-top: 0px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__col+.tiled-gallery__col {
    margin-left: 0px;
}

/* circle box shadow */
.wp-block-jetpack-tiled-gallery.is-style-circle .tiled-gallery__item {
    border-radius: 50%;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.wp-block-jetpack-tiled-gallery.is-style-rectangular .tiled-gallery__item {
    width: 100%!important;
    height: 100%!important;
	box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__item {
	box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__gallery{
	justify-content: center;
}

.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item{
	width: 100%!important;
	margin-bottom: 20px
}
.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item:last-child{
	margin-bottom: 0px
}
.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item {
    margin-top: 0px;
}

blockquote.wp-block-quote.has-text-color p,blockquote.wp-block-quote.has-text-color p var,blockquote.wp-block-quote.has-text-color p cite,blockquote.wp-block-quote.has-text-color cite {
	color: inherit;
}
.wp-block-table figcaption {
     text-align: center;
 }
.sidebar .widget .wp-block-group .wp-block-image {
	margin-bottom: 0;
}
ul.wp-block-rss {
 	list-style: disc;
}
.has-text-color a:hover, .has-text-color a:focus {
	color: inherit;
}
.entry-content ul:last-child {
 margin-bottom: 0;
}
.wp-block-code.has-text-color code {
 	      color: inherit;
}
.sidebar .widget .wp-block-group .is-nowrap p {
 	padding: 0;
 }
 .sidebar .widget .wp-block-group .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date {
	padding-top: 0.5rem;
 	padding-bottom: 0.5rem;
 	font-size: 0.875rem;
}

/*wp-Block-RSS*/
ul.wp-block-rss {
     list-style: none;
     margin-left: 0;
}
ul.wp-block-rss li.wp-block-rss__item {
    margin-bottom: 1rem;
}
ul.wp-block-rss li.wp-block-rss__item:last-child {
    margin-bottom: 0;
}

.sidebar .widget .wp-block-group .wp-block-pullquote blockquote {
	margin-top: 0;
	margin-bottom: 0;
}

.sidebar .widget .wp-block-group .wp-block-rss .wp-block-rss__item-title > a {
 	font-weight: 600;
}

.wp-block-quote.is-style-large {
	padding-top: 1.10rem;
	padding-bottom: 1.10rem;
}

.sidebar .widget .wp-block-group .wp-block-file, .sidebar .widget .wp-block-group .wp-block-image {
	padding: 1.563rem 1.000rem 1.563rem;
}

.widget .wp-block-group .is-vertical a {
    color: inherit;
}

.entry-content ol.wp-block-latest-comments {
	padding-left: 2rem;
}

.wp-block-table figcaption {
  text-align: center;
}

.post .entry-content ul.wp-block-archives {
	margin-left: 1.125rem;
	list-style: disc
}

.wp-block-code.has-background code {
	background: inherit;
}

.wp-block-group .wp-block-embed,
.wp-block-group .wp-block-image {
	 padding: 1.563rem 1.000rem 1.563rem;
}

.wp-block-archives-dropdown select,
.wp-block-categories-dropdown select {
     width: auto;
}

.widget .wp-block-group .wp-block-columns {
	margin-bottom: 0;
}

.widget .wp-block-group .wp-block-rss li:last-child {
    padding-bottom: 0;
}

ul.wp-block-page-list a {
    text-decoration: none;
}

.sidebar .wp-block-group .is-nowrap {
    margin: 1.563rem 1.000rem 1.563rem;
}

.sidebar .widget .wp-block-group .wp-block-latest-comments__comment-meta {
    font-weight: 600;
    line-height: 1.5;
}

​.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
    height: 2em;
    width: 2em;
}
  
.sidebar .widget .wp-block-group .is-layout-flow h2 {
	border-left: 0 none;
}

.wc-block-components-product-title a,
.wc-block-components-product-title a:hover,
.wc-block-components-product-title a:focus {
	text-decoration: none;
}

.wp-block-details summary {
    font-weight: 600; 
}

.wp-block-verse {
    padding: 10px;
 }
  
 .wp-block-calendar .wp-calendar-nav {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
 }

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {
      font-size: 24px;
      line-height: 34px;
      text-transform: capitalize;
      margin-bottom: 15px;
}


.sidebar .widget .wp-block-group .wp-block-latest-comments,
.sidebar .widget .wp-block-group .wp-block-loginout,
.sidebar .widget .wp-block-group .wp-block-table,
.sidebar .widget .wp-block-group .wp-block-buttons {
	padding: 1.563rem 1.000rem 1.563rem;
}

.sidebar .widget .wp-block-group .wp-block-embed {
    margin: 0;
}

.sidebar .widget .wp-block-group ol li {
    padding-bottom: 0.625rem;
}

p:last-of-type:has([class*='align'])::after {
    display: table;
    clear: both;
    content: "";
}

/* General styles for the breadcrumb section */
#breadcrumb-area {
    position: relative;
    color: #fff;
    padding: 80px 0;
    text-align: center;
    background-size: cover;
    background-position: center center;
}

#breadcrumb-area h1 {
    font-size: 3em;
    font-weight: bold;
}

.breadcrumb-nav {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

.breadcrumb-nav li {
    display: inline;
    font-size: 1.2em;
}

.breadcrumb-nav li a {
    color: #fff;
    text-decoration: none;
}

.breadcrumb-nav .active {
    color: #f8b400;
}

/* Styles for the table links */
.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
}

.wp-block-table td {
    padding: 10px;
    text-align: left;
}

.wp-block-table a {
    color: #18a300;
    text-decoration: none;
}

.wp-block-table a:hover {
    text-decoration: underline;
}

/* Footer styles */
#footer-copyright {
    background-color: #333;
    padding: 20px 0;
}

#footer-copyright p {
    color: #fff;
    text-align: center;
    margin: 0;
}

/* Scroll To Top Button */
.scrollup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #18a300;
    color: #fff;
    padding: 10px 15px;
    border-radius: 50%;
    display: none;
}

.scrollup i {
    font-size: 20px;
}

/* Show Scroll To Top button when scrolled */
.scrollup.show {
    display: inline-block;
}

/* Cookie Consent Banner */
#gdpr-cookie-consent-bar {
    background-color: #333;
    color: #fff;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}

.gdpr_messagebar_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gdpr_action_button {
    padding: 8px 15px;
    background-color: #18a300;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.gdpr_action_button:hover {
    background-color: #138200;
}

.gdpr_link_button {
    color: #f8b400;
    text-decoration: none;
}

.gdpr_link_button:hover {
    text-decoration: underline;
}

/* Genel Stil */
* {
  box-sizing: border-box; /* Padding ve border'ları öğe boyutlarına dahil et */
  margin: 0;
  padding: 0;
}

/* Flexbox Düzeni */
.container {
  display: flex;
  flex-wrap: wrap; /* Öğelerin alt satıra geçebilmesi için */
  justify-content: flex-start; /* Öğeleri sola hizalar */
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

/* Her bir brand-card için genişlik */
.brand-card {
  text-align: center;
  border: 1px solid #ddd;
  padding: 20px;
  margin: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  width: calc(16.66% - 20px); /* 6 logo sığacak şekilde genişlik */
  box-sizing: border-box;
  margin-bottom: 20px; /* Alt kısmına boşluk ekle */
  display: flex;
  flex-direction: column; /* Logoyu üstte, butonu altta sıralar */
  align-items: center; /* İçeriği ortalar */
  justify-content: space-between;
}

/* Hover animasyonu */
.brand-card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Marka logoları */
.brand-logo {
  width: 120px;
  height: auto;
  margin-bottom: 15px;
  display: block; /* Resmin düzgün görünmesi için */
}

/* Buton */
.btn-red {
  display: flex; /* Flexbox düzeni */
  justify-content: center; /* Yatayda ortalar */
  align-items: center; /* Dikeyde ortalar */
  text-decoration: none;
  padding: 10px 20px; /* Daha küçük iç boşluk */
  background-color: #ff6900;
  color: #ffffff;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
  width: 100%; /* Butonun genişliğini sınırlıyoruz */
  max-width: 200px; /* Butonun max genişliği */
  margin-top: 5px; /* Buton ile logo arasına boşluk */
  box-sizing: border-box;
  font-size: 10px; /* Yazı boyutunu daha da küçültme */
  font-family: Arial, sans-serif; /* Yazı tipi */
}

/* Hover animasyonu buton için */
.btn-red:hover {
  background-color: #c0392b;
  transform: translateY(-5px);
}

/* PDF Görüntüleyici */
#pdf-viewer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#pdf-viewer.hidden {
  display: none;
}

#pdf-frame {
  width: 80%;
  height: 90%;
  border: none;
}

/* Kapatma butonu */
#close-viewer {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #e74a3b;
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  z-index: 1001;
}

/* Responsive: Ekran boyutlarına göre ayarlamalar */

/* 1024px ve üzeri ekranlar için logo boyutlarını büyütme */
@media (min-width: 1024px) {
  .brand-logo {
    width: 150px;
  }
}

/* Mobil cihazlar için logo boyutlarını küçültme */
@media (max-width: 767px) {
  .brand-logo {
    width: 100px; /* Mobilde daha küçük logo boyutu */
  }

  .brand-card {
    width: calc(50% - 20px); /* Mobilde 2'li sıralama */
  }
}

@media (max-width: 480px) {
  .brand-card {
    width: calc(100% - 20px); /* Küçük ekranlarda her biri tam genişlikte olacak */
  }
}