:root {
	--wd-text-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(196,157,97);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(73,51,209);
	--btn-accented-bgcolor-hover: rgb(65,46,188);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(244,244,244);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps {
	text-transform: capitalize;
}
html table th {
	text-transform: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(118,118,118);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color: rgb(36,36,36);
	--wd-arrow-color-hover: rgb(51,51,51);
	--wd-arrow-color-dis: rgb(36,36,36);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(239,239,239);
	--wd-arrow-bg-dis: rgb(244,244,244);
	--wd-arrow-radius: 20px;
}
.wd .product-label.onsale {
	background-color: rgb(36,36,36);
}
.wd .product-label.new {
	background-color: rgb(36,36,36);
}
.wd .product-label.featured {
	background-color: rgb(36,36,36);
}
.wd .product-label.out-of-stock {
	background-color: rgb(36,36,36);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1540px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1540px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1540px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1540px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ==========================================================
   AYG YAPI SİSTEMLERİ
   FULL HOMEPAGE CSS
   WOODMART + WPBAKERY
========================================================== */

:root{
    --ayg-navy:#061d34;
    --ayg-dark:#031426;
    --ayg-gold:#d6a548;
    --ayg-gold-light:#e5bd72;
    --ayg-text:#637181;
    --ayg-border:#e1e6eb;
    --ayg-light:#f7f8f9;
}

.main-page-wrapper{
    padding-top:0!important;
}

.site-content{
    margin-bottom:0!important;
}

.wd-page-content{
    padding-bottom:0!important;
}


/* ==========================================================
   GENEL
========================================================== */

.ayg-services-section,
.ayg-why-section,
.ayg-projects-section,
.ayg-process-section,
.ayg-faq-section{
    width:calc(100% - 40px);
    max-width:1280px;
    margin-left:auto!important;
    margin-right:auto!important;
}

.ayg-eyebrow{
    display:block;
    margin:0 0 11px!important;
    color:var(--ayg-gold)!important;
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:1.6px;
    text-transform:uppercase;
}

.ayg-section-heading{
    max-width:820px;
    margin:0 auto 50px!important;
    text-align:center;
}

.ayg-section-heading h2,
.ayg-simple-title h2{
    margin:0 0 15px!important;
    color:var(--ayg-navy);
    font-size:38px;
    line-height:1.15;
    font-weight:700;
}

.ayg-heading-description{
    max-width:730px;
    margin:0 auto!important;
    color:var(--ayg-text);
    font-size:15px;
    line-height:1.75;
}

.ayg-simple-title{
    margin-bottom:36px!important;
    text-align:center;
}


/* ==========================================================
   TRUST BAR
========================================================== */

.ayg-trust-section{
    position:relative!important;
    z-index:50!important;
    overflow:visible!important;
}

.ayg-trust-section > .wpb_column > .vc_column-inner{
    padding-left:20px!important;
    padding-right:20px!important;
}

.ayg-trust-row{
    max-width:1240px;
    margin:-48px auto 0!important;
    padding:21px 24px!important;
    background:#fff;
    border-radius:10px;
    box-shadow:
        0 18px 55px rgba(5,28,49,.13),
        0 3px 9px rgba(5,28,49,.04);
}

.ayg-trust-col > .vc_column-inner{
    min-height:84px;
    padding:4px 32px!important;
    display:flex!important;
    align-items:center!important;
}

.ayg-trust-col + .ayg-trust-col > .vc_column-inner{
    border-left:1px solid #dfe4e8!important;
}

.ayg-trust-info{
    width:100%;
    margin:0!important;
}

.ayg-trust-info .info-box-inner{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    text-align:left!important;
}

.ayg-trust-info .box-icon-wrapper{
    flex:0 0 62px!important;
    width:62px!important;
    margin:0 20px 0 0!important;
}

.ayg-trust-info .info-box-icon{
    margin:0!important;
}

.ayg-trust-info .info-box-icon img{
    display:block!important;
    width:58px!important;
    height:58px!important;
    object-fit:contain!important;
}

.ayg-trust-info .info-box-content{
    flex:1;
    padding:0!important;
    text-align:left!important;
}

.ayg-trust-info .info-box-title{
    margin:0 0 6px!important;
    color:var(--ayg-navy)!important;
    font-size:12px!important;
    font-weight:800!important;
}

.ayg-trust-info .info-box-content p{
    max-width:230px;
    margin:0!important;
    color:#64717c!important;
    font-size:11px!important;
    line-height:1.5!important;
}


/* ==========================================================
   HİZMETLER
========================================================== */

.ayg-services-section{
    position:relative!important;
    padding-top:85px!important;
    padding-bottom:80px!important;
    overflow:visible!important;
}


/* TRACK */

.ayg-services-track{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:22px!important;

    width:100%!important;

    margin:0!important;
    padding:5px 2px 15px!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;

    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;

    scrollbar-width:none;
    -ms-overflow-style:none;
}

.ayg-services-track::-webkit-scrollbar{
    display:none;
}

.ayg-services-track:before,
.ayg-services-track:after{
    display:none!important;
}


/* 3 KART */

.ayg-service-slide{
    flex:0 0 calc((100% - 44px) / 3)!important;
    width:calc((100% - 44px) / 3)!important;
    min-width:calc((100% - 44px) / 3)!important;
    max-width:calc((100% - 44px) / 3)!important;

    padding:0!important;
    float:none!important;

    scroll-snap-align:start;
}

.ayg-service-slide > .vc_column-inner{
    height:100%;
    padding:0!important;
}


/* CARD */

.ayg-service-info{
    height:100%;
    margin:0!important;
    overflow:hidden;

    background:#fff;

    border:1px solid #dfe5ea;
    border-radius:10px;

   /*  box-shadow:0 7px 26px rgba(6,29,52,.055);*/

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.ayg-service-info:hover{
    transform:translateY(-6px);
    border-color:rgba(214,165,72,.7);
    box-shadow:0 8px 22px rgba(6,29,52,.13);
}


/* INFO BOX DİKEY */

.ayg-service-info .info-box-wrapper,
.ayg-service-info .info-box-inner{
    display:block!important;
    width:100%!important;
    height:100%!important;
}


/* IMAGE */

.ayg-service-info .box-icon-wrapper,
.ayg-service-info .info-box-icon,
.ayg-service-info .info-box-image{
    display:block!important;
    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;
}

.ayg-service-info .info-box-icon img,
.ayg-service-info .info-box-image img{
    display:block!important;

    width:100%!important;
    max-width:none!important;

    height:240px!important;

    margin:0!important;

    object-fit:cover!important;
    object-position:center!important;

    transition:transform .5s ease;
}

.ayg-service-info:hover .info-box-icon img,
.ayg-service-info:hover .info-box-image img{
    transform:scale(1.045);
}


/* CONTENT */

.ayg-service-info .info-box-content{
    min-height:200px;
    padding:23px 24px 25px!important;
    text-align:left!important;
}

.ayg-service-info h3,
.ayg-service-info .info-box-title{
    margin:0 0 9px!important;
    color:var(--ayg-navy)!important;
    font-size:20px!important;
    line-height:1.25!important;
    font-weight:700!important;
}

.ayg-service-info .info-box-content p{
    min-height:0px;
    margin:0 0 15px!important;
    color:#647181!important;
    font-size:13px!important;
    line-height:1.65!important;
}

.ayg-detail-link{
    display:inline-flex!important;
    align-items:center;
    gap:5px;

    color:var(--ayg-gold)!important;

    font-size:12px!important;
    font-weight:800;

    text-decoration:none!important;
}

.ayg-detail-link span{
    transition:transform .2s ease;
}

.ayg-detail-link:hover span{
    transform:translateX(5px);
}


/* ==========================================================
   CAROUSEL ARROWS
========================================================== */

.ayg-carousel-navigation{
    position:static!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
}

.ayg-carousel-navigation .wpb_wrapper{
    position:static!important;
}

.ayg-carousel-prev,
.ayg-carousel-next{
    position:absolute!important;

    z-index:100;

    top:390px;

    width:48px!important;
    height:48px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:0 0 3px!important;

    background:#fff!important;
    color:var(--ayg-gold)!important;

    border:1px solid var(--ayg-gold)!important;
    border-radius:50%!important;

    box-shadow:0 7px 22px rgba(6,29,52,.13);

    font-family:Arial,sans-serif!important;
    font-size:30px!important;
    line-height:1!important;
    font-weight:300!important;

    cursor:pointer!important;

    transition:.25s ease;
}

.ayg-carousel-prev{
    left:-25px!important;
}

.ayg-carousel-next{
    left:auto!important;
    right:-25px!important;
}

.ayg-carousel-prev:hover,
.ayg-carousel-next:hover{
    background:var(--ayg-gold)!important;
    color:#fff!important;
}


/* ==========================================================
   DOTS
========================================================== */

.ayg-carousel-dots{
    margin:20px 0 26px!important;
    text-align:center;
}

.ayg-carousel-dots .wpb_wrapper{
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:9px;
}

.ayg-carousel-dots span{
    display:block;

    width:8px;
    height:8px;

    background:#aeb5bd;

    border-radius:50%;

    transition:.2s ease;
}

.ayg-carousel-dots span.active{
    width:10px;
    height:10px;
    background:var(--ayg-gold);
}


/* ==========================================================
   ALT 7 HİZMET
========================================================== */

.ayg-quick-services{
    display:flex!important;
    flex-wrap:nowrap!important;

    width:100%!important;

    margin:0!important;

    border:1px solid #e1e6eb;
    border-radius:7px;

    overflow:hidden;

    background:#fff;
}

.ayg-quick-services:before,
.ayg-quick-services:after{
    display:none!important;
}

.ayg-quick-col{
    flex:1 1 14.285%!important;

    width:14.285%!important;
    min-width:0!important;
    max-width:14.285%!important;

    padding:0!important;

    float:none!important;
}

.ayg-quick-col + .ayg-quick-col{
    border-left:1px solid #e3e7ea;
}

.ayg-quick-col > .vc_column-inner{
    height:100%;
    padding:0!important;
}

.ayg-quick-info{
    height:100%;

    margin:0!important;

    padding:13px 12px!important;

    background:#fff;

    transition:.25s ease;
}

.ayg-quick-info:hover{
    background:#faf8f4;
}


/* YATAY */

.ayg-quick-info .info-box-inner{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    text-align:left!important;
}


/* IMAGE */

.ayg-quick-info .box-icon-wrapper{
    flex:0 0 70px!important;
    width:70px!important;

    margin:0 12px 0 0!important;
}

.ayg-quick-info .info-box-icon{
    margin:0!important;
}

.ayg-quick-info .info-box-icon img{
    display:block!important;

    width:68px!important;
    height:92px!important;

    object-fit:cover!important;

    border-radius:3px;
}


/* TEXT */

.ayg-quick-info .info-box-content{
    flex:1;

    padding:0!important;

    text-align:left!important;
}

.ayg-quick-info .info-box-title{
    margin:0 0 6px!important;

    color:var(--ayg-navy)!important;

    font-size:11px!important;
    line-height:1.25!important;

    font-weight:800!important;
}

.ayg-quick-info .info-box-content p{
    margin:0!important;

    color:#65717d!important;

    font-size:9px!important;
    line-height:1.4!important;
}

.ayg-quick-info .info-box-content:after{
    content:"→";

    display:block;

    margin-top:7px;

    color:var(--ayg-gold);

    font-size:14px;
}


/* ==========================================================
   ABOUT
========================================================== */

.ayg-about-section{
    background:#f6f7f8;
}

.ayg-about-section > .wpb_column{
    min-height:570px;
}

.ayg-about-content > .vc_column-inner{
    min-height:570px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;

    padding:60px 65px 60px 30px!important;
}

.ayg-about-content > .vc_column-inner > .wpb_wrapper{
    width:100%;
    max-width:590px;
}

.ayg-about-content h2{
    margin:0 0 23px!important;

    color:var(--ayg-navy);

    font-size:39px;
    line-height:1.13;

    font-weight:700;
}

.ayg-about-content p:not(.ayg-eyebrow){
    margin-bottom:15px;

    color:#5f6b75;

    font-size:14px;
    line-height:1.8;
}

.ayg-about-image{
    overflow:hidden;
}

.ayg-about-image > .vc_column-inner{
    height:570px;
    padding:0!important;
}

.ayg-about-image .wpb_wrapper,
.ayg-about-image .wpb_single_image,
.ayg-about-image .vc_single_image-wrapper{
    display:block;

    width:100%;
    height:100%;

    margin:0!important;
}

.ayg-about-image img{
    display:block;

    width:100%;
    height:570px;

    object-fit:cover;
}


/* ==========================================================
   BUTTONS
========================================================== */

.ayg-gold-button .vc_btn3{
    padding:15px 23px!important;

    border:0!important;
    border-radius:2px!important;

    background:var(--ayg-gold)!important;
    color:#fff!important;

    font-size:11px!important;
    font-weight:800!important;
}

.ayg-gold-button .vc_btn3:hover{
    background:var(--ayg-navy)!important;
}


/* ==========================================================
   WHY AYG
========================================================== */

.ayg-why-section{
    padding-top:65px!important;
    padding-bottom:65px!important;
}

.ayg-why-row{
    margin:0 -8px!important;
}

.ayg-why-col{
    padding:0 8px!important;
}

.ayg-why-col > .vc_column-inner{
    height:100%;
    padding:0!important;
}

.ayg-why-info{
    height:100%;

    margin:0!important;

    padding:22px 20px!important;

    background:#fff;

    border:1px solid var(--ayg-border);
    border-radius:7px;

    transition:.25s ease;
}

.ayg-why-info:hover{
    transform:translateY(-3px);

    border-color:rgba(214,165,72,.55);

    box-shadow:0 12px 30px rgba(6,29,52,.07);
}

.ayg-why-info .info-box-inner{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
}

.ayg-why-info .box-icon-wrapper{
    flex:0 0 50px!important;
    width:50px!important;
    margin:0 16px 0 0!important;
}

.ayg-why-info .info-box-icon img{
    width:45px!important;
    height:45px!important;
    object-fit:contain!important;
}

.ayg-why-info .info-box-content{
    text-align:left!important;
}

.ayg-why-info .info-box-title{
    margin-bottom:5px!important;

    color:var(--ayg-navy)!important;

    font-size:13px!important;
    font-weight:800!important;
}

.ayg-why-info .info-box-content p{
    margin:0!important;

    color:#6a7580!important;

    font-size:11px!important;
    line-height:1.45!important;
}


/* ==========================================================
   PROJECTS
========================================================== */

.ayg-projects-section{
    padding-bottom:75px!important;
}

.ayg-project-row{
    margin:0 -8px!important;
}

.ayg-project-card,
.ayg-project-all{
    padding:0 8px!important;
}

.ayg-project-card > .vc_column-inner{
    position:relative;

    padding:0!important;

    overflow:hidden;

    background:var(--ayg-navy);

    border-radius:6px;
}

.ayg-project-card .wpb_single_image{
    margin:0!important;
}

.ayg-project-card .vc_single_image-wrapper{
    display:block;
    width:100%;
}

.ayg-project-card img{
    display:block;

    width:100%;
    height:220px;

    object-fit:cover;

    transition:transform .55s ease;
}

.ayg-project-card:hover img{
    transform:scale(1.05);
}

.ayg-project-card > .vc_column-inner:after{
    content:"";

    position:absolute;

    z-index:2;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            to top,
            rgba(3,19,34,.90),
            rgba(3,19,34,0) 63%
        );
}

.ayg-project-overlay{
    position:absolute;

    z-index:5;

    bottom:0;
    left:0;
    right:0;

    margin:0!important;

    padding:18px 19px;
}

.ayg-project-overlay span{
    color:var(--ayg-gold-light);

    font-size:9px;
    font-weight:800;

    letter-spacing:1px;
}

.ayg-project-overlay h3{
    margin:4px 0 0!important;

    color:#fff!important;

    font-size:15px;
    line-height:1.3;
}

.ayg-project-all > .vc_column-inner{
    height:220px!important;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:30px!important;

    background:var(--ayg-navy);

    border-radius:6px;
}

.ayg-project-all .wpb_text_column{
    margin:0!important;
    text-align:center;
}

.ayg-project-all p{
    margin:0 0 6px!important;

    color:var(--ayg-gold-light);

    font-size:9px;
    font-weight:800;

    letter-spacing:1px;
}

.ayg-project-all h3{
    margin:0 0 16px!important;

    color:#fff;

    font-size:18px;
}

.ayg-project-all a{
    color:#fff!important;

    font-size:11px;
    font-weight:800;
}


/* ==========================================================
   PROCESS
========================================================== */

.ayg-process-section{
    padding-top:25px!important;
    padding-bottom:90px!important;
}

.ayg-process-row{
    position:relative;
}

.ayg-process-step{
    position:relative;
    text-align:center;
}

.ayg-process-step:not(:last-child):after{
    content:"";

    position:absolute;

    top:35px;
    left:67%;

    width:66%;

    border-top:1px solid #b6c0ca;
}

.ayg-process-circle{
    position:relative;

    z-index:5;

    width:68px;
    height:68px;

    margin:0 auto 17px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--ayg-navy);

    color:#fff;

    font-size:12px;
    font-weight:800;

    box-shadow:
        inset 0 0 0 5px rgba(255,255,255,.07);
}

.ayg-process-step h3{
    margin:0 0 7px!important;

    color:var(--ayg-navy);

    font-size:14px;
    font-weight:800;
}

.ayg-process-step p{
    max-width:175px;

    margin:0 auto!important;

    color:#727e88;

    font-size:11px;
    line-height:1.55;
}


/* ==========================================================
   FAQ
========================================================== */

.ayg-faq-section{
    padding-bottom:85px!important;
}

.ayg-faq{
    margin-bottom:13px!important;

    background:#fff;

    border:1px solid var(--ayg-border);
    border-radius:7px;

    transition:.25s ease;
}

.ayg-faq:hover{
    border-color:rgba(214,165,72,.45);

    box-shadow:0 8px 25px rgba(5,28,49,.07);
}

.ayg-faq .vc_toggle_title{
    padding:18px 20px!important;
}

.ayg-faq .vc_toggle_title h4{
    color:var(--ayg-navy);

    font-size:13px;
    line-height:1.4;

    font-weight:700;
}

.ayg-faq .vc_toggle_content{
    margin:0!important;

    padding:0 20px 19px!important;

    color:#65727d;

    font-size:12px;
    line-height:1.7;
}


/* ==========================================================
   CTA
========================================================== */

.ayg-cta-section{
    position:relative;

    min-height:365px;

    padding:65px 25px!important;

    overflow:hidden;

    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}

.ayg-cta-section:before{
    content:"";

    position:absolute;

    z-index:1;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.95) 35%,
            rgba(5,31,53,.67) 59%,
            rgba(5,31,53,.12) 100%
        );
}

.ayg-cta-section > .wpb_column{
    position:relative;
    z-index:2;
}

.ayg-cta-content > .vc_column-inner{
    width:100%;

    max-width:640px;

    margin-left:auto;
}

.ayg-cta-content h2{
    margin:12px 0 18px!important;

    color:#fff;

    font-size:40px;
    line-height:1.12;

    font-weight:700;
}

.ayg-cta-content h2 strong{
    color:var(--ayg-gold-light);
}

.ayg-cta-content p:not(.ayg-eyebrow){
    max-width:570px;

    color:rgba(255,255,255,.82);

    font-size:14px;
    line-height:1.75;
}

.ayg-cta-content .vc_btn3-container{
    display:inline-block;

    margin:14px 8px 0 0!important;
}

.ayg-outline-button .vc_btn3{
    padding:14px 22px!important;

    border:1px solid rgba(255,255,255,.65)!important;

    border-radius:2px!important;

    background:transparent!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}

.ayg-outline-button .vc_btn3:hover{
    background:#fff!important;

    color:var(--ayg-navy)!important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .ayg-service-slide{
        flex-basis:calc((100% - 22px) / 2)!important;
        width:calc((100% - 22px) / 2)!important;
        min-width:calc((100% - 22px) / 2)!important;
        max-width:calc((100% - 22px) / 2)!important;
    }

    .ayg-carousel-prev{
        left:-8px!important;
    }

    .ayg-carousel-next{
        right:-8px!important;
    }

    .ayg-quick-services{
        overflow-x:auto!important;
        scrollbar-width:none;
    }

    .ayg-quick-services::-webkit-scrollbar{
        display:none;
    }

    .ayg-quick-col{
        flex:0 0 230px!important;
        width:230px!important;
        min-width:230px!important;
        max-width:230px!important;
    }

    .ayg-why-col{
        width:50%!important;
        margin-bottom:16px;
    }

    .ayg-project-card,
    .ayg-project-all{
        width:50%!important;
        margin-bottom:16px;
    }

    .ayg-process-step{
        width:33.333%!important;
        margin-bottom:42px;
    }

    .ayg-process-step:after{
        display:none!important;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

    .ayg-services-section,
    .ayg-why-section,
    .ayg-projects-section,
    .ayg-process-section,
    .ayg-faq-section{
        width:calc(100% - 30px);
    }

    .ayg-section-heading h2,
    .ayg-simple-title h2{
        font-size:28px;
    }

    .ayg-trust-section > .wpb_column > .vc_column-inner{
        padding-left:15px!important;
        padding-right:15px!important;
    }

    .ayg-trust-row{
        margin-top:-20px!important;
        padding:7px 20px!important;
    }

    .ayg-trust-col{
        width:100%!important;
    }

    .ayg-trust-col > .vc_column-inner{
        min-height:auto;
        padding:20px 4px!important;
    }

    .ayg-trust-col + .ayg-trust-col > .vc_column-inner{
        border-left:0!important;
        border-top:1px solid #e1e5e8!important;
    }

    .ayg-services-section{
        padding-top:60px!important;
        padding-bottom:65px!important;
    }

    .ayg-service-slide{
        flex-basis:88%!important;
        width:88%!important;
        min-width:88%!important;
        max-width:88%!important;
    }

    .ayg-service-info .info-box-icon img,
    .ayg-service-info .info-box-image img{
        height:215px!important;
    }

    .ayg-service-info .info-box-content{
        min-height:auto;
        padding:21px 21px 23px!important;
    }

    .ayg-service-info .info-box-content p{
        min-height:auto;
    }

    .ayg-carousel-prev,
    .ayg-carousel-next{
        display:none!important;
    }

    .ayg-quick-services{
        overflow-x:auto!important;
        scrollbar-width:none;
    }

    .ayg-quick-services::-webkit-scrollbar{
        display:none;
    }

    .ayg-quick-col{
        flex:0 0 220px!important;
        width:220px!important;
        min-width:220px!important;
        max-width:220px!important;
    }

    .ayg-about-section > .wpb_column{
        width:100%!important;
        min-height:auto;
    }

    .ayg-about-content > .vc_column-inner{
        min-height:auto;

        padding:55px 25px!important;

        align-items:flex-start;
    }

    .ayg-about-content h2{
        font-size:30px;
    }

    .ayg-about-image > .vc_column-inner,
    .ayg-about-image img{
        height:340px;
    }

    .ayg-why-col{
        width:100%!important;
    }

    .ayg-project-card,
    .ayg-project-all{
        width:100%!important;
    }

    .ayg-project-card img,
    .ayg-project-all > .vc_column-inner{
        height:260px!important;
    }

    .ayg-process-step{
        width:50%!important;
    }

    .ayg-faq-section .vc_col-sm-6{
        width:100%!important;
    }

    .ayg-cta-section{
        min-height:auto;

        padding:60px 20px!important;
    }

    .ayg-cta-section:before{
        background:rgba(3,20,38,.92);
    }

    .ayg-cta-section > .wpb_column:first-child{
        width:100%!important;
    }

    .ayg-cta-section > .wpb_column:last-child{
        display:none;
    }

    .ayg-cta-content > .vc_column-inner{
        margin:auto;
    }

    .ayg-cta-content h2{
        font-size:30px;
    }

}


@media(max-width:480px){

    .ayg-service-slide{
        flex-basis:92%!important;
        width:92%!important;
        min-width:92%!important;
        max-width:92%!important;
    }

    .ayg-process-step{
        width:100%!important;
    }

}

.wpb_text_column.wpb_content_element.ayg-carousel-dots {
    display: none;
}


/* ==========================================================
   AYG FOOTER V2 - CLEAN FINAL
========================================================== */

.aygft-footer{
    position:relative;
    width:100%;
    overflow:hidden;
    background:#00122a;
    color:#fff;
}

/* çok hafif premium ışık */
.aygft-footer:before{
    content:"";
    position:absolute;
    top:-300px;
    left:5%;
    width:700px;
    height:520px;
    pointer-events:none;
    background:radial-gradient(
        circle,
        rgba(37,91,135,.18) 0%,
        rgba(6,29,52,0) 70%
    );
}


/* ==========================================================
   ANA ALAN
========================================================== */

.aygft-main{
    position:relative;
    z-index:2;

    width:calc(100% - 50px);
    max-width:1320px;

    margin:0 auto!important;
    padding:52px 0 42px!important;
}


/* WPBakery saçma boşluklarını sıfırla */
.aygft-footer .wpb_text_column{
    margin-bottom:0!important;
}

.aygft-footer .wpb_wrapper{
    min-height:0!important;
}

.aygft-main > .wpb_column > .vc_column-inner{
    padding:0 22px!important;
}

.aygft-main > .wpb_column:first-child > .vc_column-inner{
    padding-left:0!important;
}

.aygft-main > .wpb_column:last-child > .vc_column-inner{
    padding-right:0!important;
}


/* ==========================================================
   LOGO
========================================================== */

.aygft-logo{
    margin:0 0 20px!important;
}

.aygft-logo img{
    display:block;
    width:auto!important;
    max-width:190px!important;
    max-height:78px!important;
    object-fit:contain;
    object-position:left center;
}


/* ==========================================================
   MARKA YAZISI
========================================================== */

.aygft-desc{
    max-width:330px;

    margin:0 0 22px!important;

    color:rgba(255,255,255,.68);

    font-size:12px;
    line-height:1.75;
}


/* ==========================================================
   BAŞLIKLAR
========================================================== */

.aygft-footer h4{
    position:relative;

    margin:0 0 18px!important;
    padding:0 0 12px!important;

    color:#fff!important;

    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:1.2px;
}

.aygft-footer h4:after{
    content:"";

    position:absolute;
    left:0;
    bottom:0;

    width:30px;
    height:2px;

    background:#d6a548;
}


/* ==========================================================
   MENÜLER
========================================================== */

.aygft-links{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;

    gap:8px!important;

    margin:0!important;
    padding:0!important;
}

.aygft-links a{
    display:block!important;

    margin:0!important;
    padding:0!important;

    color:rgba(255,255,255,.66)!important;

    font-size:11.5px!important;
    line-height:1.45!important;

    text-decoration:none!important;

    transition:.2s ease;
}

.aygft-links a:hover{
    color:#d6a548!important;
    transform:translateX(3px);
}


/* Tüm Hizmetler */

.aygft-links .aygft-all{
    width:auto!important;

    margin-top:8px!important;
    padding-top:10px!important;

    border-top:1px solid rgba(255,255,255,.12);

    color:#d6a548!important;
    font-weight:700!important;
}


/* ==========================================================
   SOSYAL
========================================================== */

.aygft-social{
    display:flex!important;
    align-items:center!important;

    gap:9px!important;

    margin:0!important;
}

.aygft-social a{
    flex:0 0 36px;

    width:36px!important;
    height:36px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:0!important;

    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:50%!important;

    background:transparent!important;

    color:rgba(255,255,255,.85)!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:700!important;

    text-decoration:none!important;

    transition:.25s ease;
}

.aygft-social a:hover{
    background:#d6a548!important;
    border-color:#d6a548!important;
    color:#fff!important;

    transform:translateY(-2px);
}


/* WHATSAPP LOGOSU */

.aygft-social .aygft-wa:before,
.aygft-wa-icon:before{
    content:"";

    display:block;

    width:16px;
    height:16px;

    background-color:currentColor;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.04 3C8.86 3 3.02 8.78 3.02 15.9c0 2.28.6 4.5 1.74 6.45L3 29l6.84-1.78a13.05 13.05 0 0 0 6.2 1.58h.01c7.18 0 13.02-5.78 13.02-12.9C29.07 8.78 23.23 3 16.04 3Zm0 23.62h-.01a10.85 10.85 0 0 1-5.53-1.5l-.4-.23-4.06 1.05 1.08-3.93-.26-.4a10.65 10.65 0 0 1-1.66-5.71c0-5.92 4.86-10.73 10.84-10.73 5.98 0 10.84 4.81 10.84 10.73 0 5.92-4.86 10.72-10.84 10.72Zm5.94-8.03c-.33-.16-1.93-.94-2.23-1.05-.3-.11-.52-.16-.74.16-.22.32-.85 1.05-1.04 1.27-.19.22-.38.24-.71.08-.33-.16-1.38-.5-2.63-1.6a9.83 9.83 0 0 1-1.82-2.24c-.19-.32-.02-.5.14-.66.15-.14.33-.38.49-.57.16-.19.22-.32.33-.54.11-.22.05-.41-.03-.57-.08-.16-.74-1.77-1.02-2.42-.27-.64-.54-.55-.74-.56h-.63c-.22 0-.57.08-.87.41-.3.32-1.14 1.1-1.14 2.69s1.17 3.12 1.33 3.34c.16.22 2.3 3.48 5.57 4.88.78.33 1.38.53 1.86.68.78.25 1.49.21 2.05.13.63-.09 1.93-.78 2.2-1.53.27-.75.27-1.39.19-1.53-.08-.13-.3-.21-.63-.37Z'/%3E%3C/svg%3E")
        center/contain no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.04 3C8.86 3 3.02 8.78 3.02 15.9c0 2.28.6 4.5 1.74 6.45L3 29l6.84-1.78a13.05 13.05 0 0 0 6.2 1.58h.01c7.18 0 13.02-5.78 13.02-12.9C29.07 8.78 23.23 3 16.04 3Zm0 23.62h-.01a10.85 10.85 0 0 1-5.53-1.5l-.4-.23-4.06 1.05 1.08-3.93-.26-.4a10.65 10.65 0 0 1-1.66-5.71c0-5.92 4.86-10.73 10.84-10.73 5.98 0 10.84 4.81 10.84 10.73 0 5.92-4.86 10.72-10.84 10.72Zm5.94-8.03c-.33-.16-1.93-.94-2.23-1.05-.3-.11-.52-.16-.74.16-.22.32-.85 1.05-1.04 1.27-.19.22-.38.24-.71.08-.33-.16-1.38-.5-2.63-1.6a9.83 9.83 0 0 1-1.82-2.24c-.19-.32-.02-.5.14-.66.15-.14.33-.38.49-.57.16-.19.22-.32.33-.54.11-.22.05-.41-.03-.57-.08-.16-.74-1.77-1.02-2.42-.27-.64-.54-.55-.74-.56h-.63c-.22 0-.57.08-.87.41-.3.32-1.14 1.1-1.14 2.69s1.17 3.12 1.33 3.34c.16.22 2.3 3.48 5.57 4.88.78.33 1.38.53 1.86.68.78.25 1.49.21 2.05.13.63-.09 1.93-.78 2.2-1.53.27-.75.27-1.39.19-1.53-.08-.13-.3-.21-.63-.37Z'/%3E%3C/svg%3E")
        center/contain no-repeat;
}

.aygft-social .aygft-wa:hover{
    background:#25d366!important;
    border-color:#25d366!important;
}


/* ==========================================================
   İLETİŞİM
========================================================== */

.aygft-contact-item{
    display:flex!important;

    align-items:flex-start!important;

    gap:13px!important;

    margin:0 0 13px!important;
}

.aygft-contact-item:last-child{
    margin-bottom:0!important;
}

.aygft-contact-icon{
    flex:0 0 32px;

    width:32px;
    height:32px;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    border:1px solid rgba(214,165,72,.42);
    border-radius:50%;

    color:#d6a548;

    font-size:12px;
    line-height:1;
}

.aygft-contact-item > div{
    flex:1;
}

.aygft-contact-item strong{
    display:block;

    margin:0 0 3px;

    color:#fff;

    font-size:9px;
    line-height:1.3;

    font-weight:800;

    letter-spacing:.5px;
}

.aygft-contact-item p{
    margin:0!important;

    color:rgba(255,255,255,.62);

    font-size:11px;
    line-height:1.5;
}

.aygft-contact-item a{
    color:rgba(255,255,255,.68)!important;
    text-decoration:none!important;
}

.aygft-contact-item a:hover{
    color:#d6a548!important;
}


/* ==========================================================
   ALT BAR
========================================================== */

.aygft-bottom{
    position:relative;
    z-index:2;

    width:calc(100% - 50px);
    max-width:1320px;

    margin:0 auto!important;

    padding:17px 0 19px!important;

    border-top:1px solid rgba(255,255,255,.09);
}

.aygft-bottom > .wpb_column > .vc_column-inner{
    padding:0!important;
}

.aygft-bottom .wpb_text_column{
    margin:0!important;
}

.aygft-copy{
    margin:0!important;

    color:rgba(255,255,255,.43);

    font-size:14px;
}

.aygft-legal{
    display:flex!important;

    justify-content:flex-end!important;
    align-items:center!important;

    gap:22px!important;
}

.aygft-legal a{
    color:rgba(255,255,255,.43)!important;

    font-size:10px;

    text-decoration:none!important;
}

.aygft-legal a:hover{
    color:#d6a548!important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .aygft-main > .wpb_column{
        width:50%!important;
        margin-bottom:32px;
    }

    .aygft-main > .wpb_column > .vc_column-inner{
        padding:0 18px!important;
    }

}


/* ==========================================================
   MOBİL
========================================================== */

@media(max-width:767px){

    .aygft-main{
        width:calc(100% - 30px);
        padding:44px 0 20px!important;
    }

    .aygft-main > .wpb_column{
        width:100%!important;
        margin-bottom:31px;
    }

    .aygft-main > .wpb_column > .vc_column-inner{
        padding:0!important;
    }

    .aygft-desc{
        max-width:100%;
    }

    .aygft-bottom{
        width:calc(100% - 30px);
    }

    .aygft-bottom > .wpb_column{
        width:100%!important;
    }

    .aygft-copy{
        text-align:center;
    }

    .aygft-legal{
        justify-content:center!important;
        flex-wrap:wrap;

        gap:8px 18px!important;

        margin-top:12px;
    }

}

/* ==========================================================
   AYG FOOTER - MENÜ ARALIKLARI SON DÜZELTME
========================================================== */

/* Menü bulunan Text Block'ların yüksekliğini sıfırla */
.aygft-column .wpb_text_column,
.aygft-column .wpb_text_column > .wpb_wrapper{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    display:block !important;

    margin:0 !important;
    padding:0 !important;
}


/* Başlık sonrası boşluk */
.aygft-column h4{
    margin-bottom:16px !important;
}


/* HİZMETLER + KURUMSAL MENÜ */
.aygft-links{
    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;
    justify-content:flex-start !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;

    gap:0 !important;

    margin:0 !important;
    padding:0 !important;
}


/* Her menü linki */
.aygft-links a{
    display:block !important;

    flex:0 0 auto !important;

    width:auto !important;
    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:5px 0 !important;

    font-size:11.5px !important;
    line-height:1.4 !important;
}


/* WPBakery otomatik paragraf eklerse */
.aygft-links p{
    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;
}


/* Otomatik BR boşluklarını kaldır */
.aygft-links br{
    display:none !important;
}


/* Tüm Hizmetler biraz ayrık ama çok uzak değil */
.aygft-links .aygft-all{
    display:inline-block !important;

    width:auto !important;

    margin-top:8px !important;
    padding-top:10px !important;
    padding-bottom:0 !important;

    border-top:1px solid rgba(255,255,255,.12);
}


/* Kurumsal kolonda da kesinlikle eşit ve sıkı aralık */
.aygft-main .aygft-column:nth-child(3) .aygft-links a{
    padding-top:5px !important;
    padding-bottom:5px !important;
}


/* ==========================================================
   AYG YAPI SİSTEMLERİ
   HİZMETLERİMİZ SAYFASI
   WPBAKERY + WOODMART
   Mevcut CSS'in EN ALTINA eklenebilir.
========================================================== */

:root{
    --aygsv-navy:#061d34;
    --aygsv-dark:#031426;
    --aygsv-blue:#082944;
    --aygsv-gold:#d6a548;
    --aygsv-gold-light:#e8c276;
    --aygsv-text:#657382;
    --aygsv-border:#e2e7eb;
    --aygsv-light:#f7f8f9;
}


/* ==========================================================
   01 - HERO
========================================================== */

.aygsv-hero{
    position:relative!important;
    min-height:500px;
    display:flex!important;
    align-items:center!important;

    overflow:hidden;

    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
}


/* koyu mavi geçiş */

.aygsv-hero:before{
    content:"";

    position:absolute;
    z-index:1;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.98) 0%,
            rgba(4,25,45,.93) 34%,
            rgba(5,31,53,.60) 58%,
            rgba(5,31,53,.12) 100%
        );

    pointer-events:none;
}


.aygsv-hero > .wpb_column{
    position:relative;
    z-index:2;

    width:100%!important;
}


.aygsv-hero-content > .vc_column-inner{
    width:calc(100% - 50px);
    max-width:1280px;

    margin:0 auto!important;
    padding:85px 0!important;
}


.aygsv-hero-content .wpb_text_column{
    max-width:680px;
    margin:0!important;
}


/* breadcrumb */

.aygsv-breadcrumb{
    margin:0 0 24px!important;

    color:rgba(255,255,255,.68);

    font-size:11px;
    line-height:1.4;
}


.aygsv-breadcrumb a{
    color:var(--aygsv-gold)!important;
    text-decoration:none!important;
}


.aygsv-breadcrumb span{
    display:inline-block;
    margin:0 7px;

    color:rgba(255,255,255,.35);
}


/* H1 */

.aygsv-hero h1{
    max-width:650px;

    margin:0 0 23px!important;

    color:#fff!important;

    font-size:52px;
    line-height:1.08;

    font-weight:700;
}


.aygsv-hero h1:after{
    content:"";

    display:block;

    width:55px;
    height:2px;

    margin-top:22px;

    background:var(--aygsv-gold);
}


/* hero text */

.aygsv-hero-desc{
    max-width:600px;

    margin:0!important;

    color:rgba(255,255,255,.78)!important;

    font-size:15px;
    line-height:1.8;
}



/* ==========================================================
   HİZMETLER SAYFASI ORTAK EYEBROW
========================================================== */

.aygsv-intro .ayg-eyebrow,
.aygsv-services .ayg-eyebrow,
.aygsv-consultation .ayg-eyebrow,
.aygsv-process .ayg-eyebrow,
.aygsv-faq .ayg-eyebrow,
.aygsv-final-cta .ayg-eyebrow{
    display:block;

    margin:0 0 12px!important;

    color:var(--aygsv-gold)!important;

    font-size:11px!important;
    line-height:1.2;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;
}



/* ==========================================================
   02 - INTRO / İHTİYACINIZA UYGUN SİSTEM
========================================================== */

.aygsv-intro{
    width:calc(100% - 50px);
    max-width:1280px;

    margin:0 auto!important;

    padding:85px 0!important;
}


.aygsv-intro > .wpb_column > .vc_column-inner{
    padding:0 30px!important;
}


.aygsv-intro > .wpb_column:first-child > .vc_column-inner{
    padding-left:0!important;
}


.aygsv-intro > .wpb_column:last-child > .vc_column-inner{
    padding-right:0!important;
}


/* intro left */

.aygsv-intro-text h2{
    max-width:530px;

    margin:0 0 22px!important;

    color:var(--aygsv-navy);

    font-size:39px;
    line-height:1.13;

    font-weight:700;
}


.aygsv-intro-text h2:after{
    content:"";

    display:block;

    width:42px;
    height:2px;

    margin-top:19px;

    background:var(--aygsv-gold);
}


.aygsv-intro-text p:not(.ayg-eyebrow){
    max-width:550px;

    margin:0!important;

    color:var(--aygsv-text);

    font-size:14px;
    line-height:1.85;
}


/* ==========================================================
   INTRO - 3 ÖZELLİK
========================================================== */

.aygsv-intro-features > .vc_column-inner{
    height:100%;

    display:flex;
    align-items:center;
}


.aygsv-intro-features .vc_row{
    width:100%;
}


.aygsv-feature{
    position:relative;
    text-align:center;
}


.aygsv-feature + .aygsv-feature:before{
    content:"";

    position:absolute;

    top:12%;
    bottom:12%;
    left:0;

    width:1px;

    background:#e3e6e9;
}


.aygsv-feature > .vc_column-inner{
    padding:10px 25px!important;
}


.aygsv-feature .vc_icon_element{
    margin-bottom:17px!important;
}


.aygsv-feature .vc_icon_element-inner{
    width:62px!important;
    height:62px!important;

    margin:auto;

    border:0!important;

    box-shadow:
        0 8px 20px
        rgba(6,29,52,.10);
}


.aygsv-feature h4{
    margin:0 0 7px!important;

    color:var(--aygsv-navy);

    font-size:13px;
    font-weight:800;
}


.aygsv-feature p{
    max-width:150px;

    margin:0 auto!important;

    color:#75808a;

    font-size:10.5px;
    line-height:1.55;
}



/* ==========================================================
   03 - HİZMETLER 5 + 5 GRID
========================================================== */

.aygsv-services{
    padding:78px 25px 88px!important;

    background:
        linear-gradient(
            135deg,
            #041525 0%,
            #061d34 55%,
            #072641 100%
        );
}


.aygsv-services > .wpb_column > .vc_column-inner{
    max-width:1280px;

    margin:0 auto!important;

    padding:0!important;
}


/* bölüm başlığı */

.aygsv-section-title{
    max-width:800px;

    margin:0 auto 42px!important;

    text-align:center;
}


.aygsv-section-title h2{
    margin:0!important;

    color:var(--aygsv-navy);

    font-size:37px;
    line-height:1.15;

    font-weight:700;
}


.aygsv-section-title-light h2{
    color:#fff!important;
}


.aygsv-section-title .ayg-eyebrow{
    text-align:center;
}


.aygsv-section-title .ayg-eyebrow:after{
    content:"";

    display:block;

    width:30px;
    height:2px;

    margin:11px auto 0;

    background:var(--aygsv-gold);
}


/* rows */

.aygsv-service-row{
    display:flex!important;
    flex-wrap:nowrap!important;

    margin:0 -7px 15px!important;
}


.aygsv-service-row:last-child{
    margin-bottom:0!important;
}


/* card column */

.aygsv-service-card{
    display:flex!important;

    padding:0 7px!important;
}


.aygsv-service-card > .vc_column-inner{
    width:100%;

    padding:0!important;

    overflow:hidden;

    background:#062039;

    border:
        1px
        solid
        rgba(214,165,72,.23);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.aygsv-service-card:hover > .vc_column-inner{
    transform:translateY(-6px);

    border-color:
        rgba(214,165,72,.70);

    box-shadow:
        0 18px 35px
        rgba(0,0,0,.17);
}


/* image */

.aygsv-service-card .wpb_single_image{
    margin:0!important;

    overflow:hidden;
}


.aygsv-service-card .vc_single_image-wrapper{
    display:block!important;

    width:100%;
}


.aygsv-service-card img{
    display:block;

    width:100%!important;
    height:180px!important;

    object-fit:cover!important;
    object-position:center!important;

    transition:
        transform
        .55s ease;
}


.aygsv-service-card:hover img{
    transform:scale(1.055);
}


/* card text */

.aygsv-service-card .wpb_text_column{
    margin:0!important;
}


.aygsv-service-card .wpb_text_column > .wpb_wrapper{
    min-height:auto;

    padding:19px 18px 0px;
}


.aygsv-number{
    display:block;

    margin:0 0 4px;

    color:var(--aygsv-gold);

    font-size:19px;
    line-height:1;

    font-weight:500;
}


.aygsv-service-card h3{
    min-height:42px;

    margin:0 0 9px!important;

    color:#fff!important;

    font-size:22px;
    line-height:1.3;

    font-weight:700;
}


.aygsv-service-card p{
    min-height:3px;

    margin:0 0 13px!important;

    color:rgba(255,255,255,.64);

    font-size:14px;
    line-height:1.62;
}


.aygsv-service-link{
    display:inline-flex;

    align-items:center;

    color:var(--aygsv-gold)!important;

    font-size:10.5px;
    font-weight:800;

    text-decoration:none!important;

    transition:.2s ease;
}


.aygsv-service-link:hover{
    color:#fff!important;

    transform:translateX(3px);
}



/* ==========================================================
   04 - DOĞRU SİSTEM / KEŞİF CTA
========================================================== */

.aygsv-consultation{
    position:relative;

    min-height:470px;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #041525,
            #072b4a
        );
}


.aygsv-consultation > .wpb_column{
    min-height:470px;
}


/* left */

.aygsv-consultation-text > .vc_column-inner{
    min-height:470px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    width:100%;
    max-width:640px;

    margin-left:auto!important;

    padding:
        65px
        75px
        65px
        25px!important;
}


.aygsv-consultation-text h2{
    margin:0 0 20px!important;

    color:#fff;

    font-size:39px;
    line-height:1.1;

    font-weight:700;
}


.aygsv-consultation-text p:not(.ayg-eyebrow){
    max-width:520px;

    margin:0 0 10px!important;

    color:rgba(255,255,255,.73);

    font-size:13px;
    line-height:1.75;
}


/* button */

.aygsv-consultation .ayg-gold-button{
    margin-top:10px!important;
}


.aygsv-consultation .ayg-gold-button .vc_btn3{
    padding:15px 22px!important;

    border:0!important;
    border-radius:0!important;

    background:var(--aygsv-gold)!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}


/* right visual */

.aygsv-consultation-image{
    position:relative;

    overflow:hidden;

    clip-path:
        polygon(
            12% 0,
            100% 0,
            100% 100%,
            0 100%
        );
}


.aygsv-consultation-image > .vc_column-inner{
    height:470px;

    padding:0!important;
}


.aygsv-consultation-image .wpb_wrapper,
.aygsv-consultation-image .wpb_single_image,
.aygsv-consultation-image .vc_single_image-wrapper{
    display:block;

    width:100%;
    height:100%;

    margin:0!important;
}


.aygsv-consultation-image img{
    display:block;

    width:100%!important;
    height:470px!important;

    object-fit:cover!important;
}



/* ==========================================================
   05 - SÜREÇ
========================================================== */

.aygsv-process{
    width:calc(100% - 50px);
    max-width:1280px;

    margin:0 auto!important;

    padding:85px 0 90px!important;
}


.aygsv-process-row{
    position:relative;

    display:flex!important;
    flex-wrap:nowrap!important;
}


.aygsv-step{
    position:relative;

    text-align:center;
}


/* bağlantı çizgisi */

.aygsv-step:not(:last-child):after{
    content:"";

    position:absolute;

    z-index:0;

    top:36px;

    left:65%;

    width:70%;

    border-top:
        1px
        solid
        rgba(214,165,72,.55);
}


/* circle */

.aygsv-step-icon{
    position:relative;
    z-index:2;

    width:70px;
    height:70px;

    margin:0 auto 17px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:var(--aygsv-navy);

    border-radius:50%;

    color:var(--aygsv-gold);

    font-size:12px;

    font-weight:800;

    box-shadow:
        inset
        0 0 0 5px
        rgba(255,255,255,.05);
}


.aygsv-step h3{
    margin:0 0 7px!important;

    color:var(--aygsv-navy);

    font-size:13px;

    font-weight:800;
}


.aygsv-step p{
    max-width:155px;

    margin:0 auto!important;

    color:#75808a;

    font-size:10px;
    line-height:1.55;
}



/* ==========================================================
   06 - FAQ
========================================================== */

.aygsv-faq{
    padding:75px 25px 80px!important;

    background:
        linear-gradient(
            135deg,
            #041525,
            #06233d
        );
}


.aygsv-faq > .wpb_column > .vc_column-inner{
    width:100%;
    max-width:1050px;

    margin:0 auto!important;

    padding:0!important;
}


.aygsv-faq .aygsv-section-title{
    margin-bottom:34px!important;
}


/* toggle */

.aygsv-faq-item{
    margin:0 0 9px!important;

    background:transparent!important;

    border:
        1px
        solid
        rgba(255,255,255,.20);

    transition:
        border-color .2s ease,
        background .2s ease;
}


.aygsv-faq-item:hover,
.aygsv-faq-item.vc_toggle_active{
    border-color:
        rgba(214,165,72,.65);

    background:
        rgba(255,255,255,.025)!important;
}


.aygsv-faq-item .vc_toggle_title{
    padding:
        15px
        48px
        15px
        18px!important;
}


.aygsv-faq-item .vc_toggle_title h4{
    color:#fff!important;

    font-size:11.5px!important;
    line-height:1.4;

    font-weight:600!important;
}


/* WPBakery + icon */

.aygsv-faq-item .vc_toggle_icon{
    right:18px!important;
    left:auto!important;

    border-color:
        var(--aygsv-gold)!important;
}


.aygsv-faq-item .vc_toggle_icon:before,
.aygsv-faq-item .vc_toggle_icon:after{
    border-color:
        var(--aygsv-gold)!important;
}


/* faq content */

.aygsv-faq-item .vc_toggle_content{
    margin:0!important;

    padding:
        0
        18px
        17px!important;

    color:
        rgba(255,255,255,.66);

    font-size:11px;
    line-height:1.7;
}



/* ==========================================================
   07 - FOOTER ÜSTÜ FINAL CTA
========================================================== */

.aygsv-final-cta{
    position:relative;

    min-height:430px;

    overflow:hidden;

    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
}


.aygsv-final-cta:before{
    content:"";

    position:absolute;

    z-index:1;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.95) 35%,
            rgba(5,31,53,.67) 59%,
            rgba(5,31,53,.12) 100%
        );
}


.aygsv-final-cta > .wpb_column{
    position:relative;
    z-index:2;
}


.aygsv-final-content > .vc_column-inner{
    width:100%;
    max-width:640px;

    margin-left:auto!important;

    padding:
        75px
        55px
        75px
        25px!important;
}


.aygsv-final-content h2{
    margin:12px 0 18px!important;

    color:#fff;

    font-size:42px;
    line-height:1.1;

    font-weight:700;
}


.aygsv-final-content h2 strong{
    color:var(--aygsv-gold-light);
}


.aygsv-final-content p:not(.ayg-eyebrow){
    max-width:570px;

    margin-bottom:5px;

    color:rgba(255,255,255,.78);

    font-size:13.5px;
    line-height:1.75;
}


/* CTA buttons only */

.aygsv-final-content .vc_btn3-container{
    display:inline-block;

    margin:
        16px
        8px
        0
        0!important;
}


.aygsv-final-content .ayg-gold-button .vc_btn3{
    padding:
        15px
        23px!important;

    border:0!important;
    border-radius:0!important;

    background:
        var(--aygsv-gold)!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}


.aygsv-final-content .ayg-outline-button .vc_btn3{
    padding:
        14px
        22px!important;

    border:
        1px
        solid
        rgba(255,255,255,.62)!important;

    border-radius:0!important;

    background:
        transparent!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}


.aygsv-final-content .ayg-outline-button .vc_btn3:hover{
    background:#fff!important;

    color:var(--aygsv-navy)!important;
}



/* ==========================================================
   LAPTOP / KÜÇÜK DESKTOP
========================================================== */

@media(max-width:1200px){

    .aygsv-service-card img{
        height:165px!important;
    }


    .aygsv-service-card .wpb_text_column > .wpb_wrapper{
        min-height:auto;
        padding:
            18px
            15px
            20px;
    }


    .aygsv-service-card h3{
        font-size:14px;
    }


    .aygsv-service-card p{
        font-size:10px;
    }

}



/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    /* hero */

    .aygsv-hero{
        min-height:440px;
    }


    .aygsv-hero h1{
        font-size:43px;
    }


    /* intro */

    .aygsv-intro{
        padding:70px 0!important;
    }


    .aygsv-intro > .wpb_column{
        width:100%!important;
    }


    .aygsv-intro > .wpb_column > .vc_column-inner{
        padding:0!important;
    }


    .aygsv-intro-features{
        margin-top:45px;
    }


    /* services 2 column */

    .aygsv-service-row{
        flex-wrap:wrap!important;

        margin-bottom:0!important;
    }


    .aygsv-service-card{
        width:50%!important;

        margin-bottom:16px;
    }


    .aygsv-service-card img{
        height:240px!important;
    }


    .aygsv-service-card .wpb_text_column > .wpb_wrapper{
        min-height:auto;
    }


    .aygsv-service-card h3,
    .aygsv-service-card p{
        min-height:0;
    }


    /* consultation */

    .aygsv-consultation-text > .vc_column-inner{
        padding-right:45px!important;
    }


    /* process */

    .aygsv-process-row{
        flex-wrap:wrap!important;
    }


    .aygsv-step{
        width:33.333%!important;

        margin-bottom:38px;
    }


    .aygsv-step:after{
        display:none;
    }

}



/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

    /* HERO */

    .aygsv-hero{
        min-height:420px;

        background-position:65% center!important;
    }


    .aygsv-hero:before{
        background:
            linear-gradient(
                90deg,
                rgba(3,20,38,.96),
                rgba(3,20,38,.82)
            );
    }


    .aygsv-hero-content > .vc_column-inner{
        width:calc(100% - 30px);

        padding:
            65px
            0!important;
    }


    .aygsv-hero h1{
        font-size:35px;
    }


    .aygsv-hero-desc{
        font-size:13px;
    }


    /* INTRO */

    .aygsv-intro{
        width:calc(100% - 30px);

        padding:
            58px
            0!important;
    }


    .aygsv-intro-text h2{
        font-size:30px;
    }


    .aygsv-intro-features .vc_row{
        display:flex;
        flex-wrap:wrap;
    }


    .aygsv-feature{
        width:100%!important;

        padding:
            17px
            0;
    }


    .aygsv-feature + .aygsv-feature:before{
        top:0;
        right:15%;
        bottom:auto;
        left:15%;

        width:auto;
        height:1px;
    }


    /* SECTION TITLES */

    .aygsv-section-title h2{
        font-size:29px;
    }


    /* SERVICES */

    .aygsv-services{
        padding:
            60px
            15px!important;
    }


    .aygsv-service-card{
        width:100%!important;

        padding:0!important;

        margin-bottom:18px;
    }


    .aygsv-service-card img{
        height:235px!important;
    }


    .aygsv-service-card .wpb_text_column > .wpb_wrapper{
        min-height:auto;

        padding:
            21px
            21px
            23px;
    }


    /* CONSULTATION */

    .aygsv-consultation > .wpb_column{
        width:100%!important;

        min-height:auto;
    }


    .aygsv-consultation-text > .vc_column-inner{
        min-height:auto;

        max-width:none;

        padding:
            55px
            25px!important;
    }


    .aygsv-consultation-text h2{
        font-size:30px;
    }


    .aygsv-consultation-image{
        clip-path:none;
    }


    .aygsv-consultation-image > .vc_column-inner,
    .aygsv-consultation-image img{
        height:330px!important;
    }


    /* PROCESS */

    .aygsv-process{
        width:calc(100% - 30px);

        padding:
            65px
            0!important;
    }


    .aygsv-step{
        width:50%!important;

        margin-bottom:35px;
    }


    /* FAQ */

    .aygsv-faq{
        padding:
            60px
            15px!important;
    }


    /* FINAL CTA */

    .aygsv-final-cta{
        min-height:auto;
    }


    .aygsv-final-cta:before{
        background:
            rgba(3,20,38,.91);
    }


    .aygsv-final-cta > .wpb_column:first-child{
        width:100%!important;
    }


    .aygsv-final-cta > .wpb_column:last-child{
        display:none;
    }


    .aygsv-final-content > .vc_column-inner{
        max-width:none;

        padding:
            60px
            25px!important;
    }


    .aygsv-final-content h2{
        font-size:32px;
    }

}



/* ==========================================================
   KÜÇÜK TELEFON
========================================================== */

@media(max-width:480px){

    .aygsv-step{
        width:100%!important;
    }


    .aygsv-service-card img{
        height:215px!important;
    }


    .aygsv-final-content .vc_btn3-container{
        display:block;

        margin:
            10px
            0
            0!important;
    }

}

/* ==========================================================
   CAM BALKON SAYFASI
   AYGCB - ISOLATED CSS
========================================================== */

:root{
    --aygcb-navy:#061d34;
    --aygcb-dark:#031426;
    --aygcb-blue:#082944;
    --aygcb-gold:#d6a548;
    --aygcb-gold-light:#e7bd70;
    --aygcb-text:#647181;
    --aygcb-border:#e1e6eb;
    --aygcb-light:#f7f8f9;
}


/* ==========================================================
   ORTAK
========================================================== */

.aygcb-eyebrow{
    display:block;
    margin:0 0 11px!important;
    color:var(--aygcb-gold)!important;
    font-size:11px!important;
    line-height:1.2;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.aygcb-section-title{
    max-width:820px;
    margin:0 auto 42px!important;
    text-align:center;
}

.aygcb-section-title h2{
    margin:0 0 13px!important;
    color:var(--aygcb-navy);
    font-size:38px;
    line-height:1.15;
    font-weight:700;
}

.aygcb-section-title > .wpb_wrapper > p:not(.aygcb-eyebrow){
    max-width:690px;
    margin:0 auto!important;
    color:var(--aygcb-text);
    font-size:14px;
    line-height:1.75;
}

.aygcb-section-title-light h2{
    color:#fff!important;
}


/* ==========================================================
   HERO
========================================================== */

.aygcb-hero{
    position:relative!important;
    min-height:540px;
    display:flex!important;
    align-items:center!important;
    overflow:hidden;

    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
}

.aygcb-hero:before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.94) 36%,
            rgba(4,28,49,.58) 62%,
            rgba(4,28,49,.10) 100%
        );
}

.aygcb-hero > .wpb_column{
    position:relative;
    z-index:2;
    width:100%!important;
}

.aygcb-hero-content > .vc_column-inner{
    width:calc(100% - 50px);
    max-width:1280px;
    margin:0 auto!important;
    padding:90px 0!important;
}

.aygcb-hero-content > .vc_column-inner > .wpb_wrapper{
    max-width:690px;
}

.aygcb-breadcrumb{
    margin:0 0 27px!important;
    color:rgba(255,255,255,.56)!important;
    font-size:10.5px;
}

.aygcb-breadcrumb a{
    color:rgba(255,255,255,.72)!important;
    text-decoration:none!important;
}

.aygcb-breadcrumb a:first-child{
    color:var(--aygcb-gold)!important;
}

.aygcb-breadcrumb span{
    display:inline-block;
    margin:0 7px;
    opacity:.45;
}

.aygcb-hero h1{
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:55px;
    line-height:1.05;
    font-weight:700;
}

.aygcb-hero h1:after{
    content:"";
    display:block;
    width:52px;
    height:2px;
    margin-top:22px;
    background:var(--aygcb-gold);
}

.aygcb-hero-desc{
    max-width:610px;
    margin:0!important;
    color:rgba(255,255,255,.79)!important;
    font-size:15px;
    line-height:1.75;
}

.aygcb-hero .vc_btn3-container{
    display:inline-block;
    margin:24px 8px 0 0!important;
}


/* ==========================================================
   BUTONLAR
========================================================== */

.aygcb-gold-button .vc_btn3{
    padding:15px 22px!important;
    border:0!important;
    border-radius:0!important;
    background:var(--aygcb-gold)!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:800!important;
}

.aygcb-gold-button .vc_btn3:hover{
    background:#fff!important;
    color:var(--aygcb-navy)!important;
}

.aygcb-outline-button .vc_btn3{
    padding:14px 22px!important;
    border:1px solid rgba(255,255,255,.65)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:800!important;
}

.aygcb-outline-button .vc_btn3:hover{
    background:#fff!important;
    color:var(--aygcb-navy)!important;
}


/* ==========================================================
   TRUST BAR
========================================================== */

.aygcb-trust-wrap{
    position:relative!important;
    z-index:20;
}

.aygcb-trust-wrap > .wpb_column > .vc_column-inner{
    padding:0 20px!important;
}

.aygcb-trust-row{
    max-width:1180px;
    margin:-40px auto 0!important;
    padding:20px 24px!important;
    background:#fff;
    border-radius:9px;
    box-shadow:0 16px 45px rgba(5,28,49,.12);
}

.aygcb-trust-col > .vc_column-inner{
    min-height:78px;
    padding:3px 30px!important;
    display:flex!important;
    align-items:center!important;
}

.aygcb-trust-col + .aygcb-trust-col > .vc_column-inner{
    border-left:1px solid #e1e5e8;
}

.aygcb-trust-info{
    width:100%;
    margin:0!important;
}

.aygcb-trust-info .info-box-inner{
    display:flex!important;
    align-items:center!important;
    text-align:left!important;
}

.aygcb-trust-info .box-icon-wrapper{
    flex:0 0 55px!important;
    width:55px!important;
    margin:0 16px 0 0!important;
}

.aygcb-trust-info .info-box-icon img{
    width:50px!important;
    height:50px!important;
    object-fit:contain!important;
}

.aygcb-trust-info .info-box-content{
    text-align:left!important;
}

.aygcb-trust-info .info-box-title{
    margin:0 0 5px!important;
    color:var(--aygcb-navy)!important;
    font-size:14px!important;
    font-weight:800!important;
}

.aygcb-trust-info .info-box-content p{
    margin:0!important;
    color:#697580!important;
    font-size:12px!important;
    line-height:1.45!important;
}


/* ==========================================================
   INTRO
========================================================== */

.aygcb-intro{
    width:calc(100% - 50px);
    max-width:1280px;
    margin:0 auto!important;
    padding:100px 0 90px!important;
}

.aygcb-intro-text > .vc_column-inner{
    padding:0 65px 0 0!important;
}

.aygcb-intro-text h2{
    margin:0 0 22px!important;
    color:var(--aygcb-navy);
    font-size:42px;
    line-height:1.12;
    font-weight:700;
}

.aygcb-intro-text h2:after{
    content:"";
    display:block;
    width:42px;
    height:2px;
    margin-top:19px;
    background:var(--aygcb-gold);
}

.aygcb-intro-text p:not(.aygcb-eyebrow){
    color:var(--aygcb-text);
    font-size:14px;
    line-height:1.85;
}

.aygcb-intro-image > .vc_column-inner{
    padding:0!important;
}

.aygcb-intro-image .wpb_single_image{
    margin:0!important;
}

.aygcb-intro-image img{
    display:block;
    width:100%!important;
    height:450px!important;
    object-fit:cover!important;
    border-radius:5px;
}


/* ==========================================================
   AVANTAJLAR
========================================================== */

.aygcb-benefits{
    width:calc(100% - 50px);
    max-width:1280px;
    margin:0 auto!important;
    padding:20px 0 95px!important;
}

.aygcb-benefit-row{
    margin:0 -8px 16px!important;
}

.aygcb-benefit-card{
    padding:0 8px!important;
}

.aygcb-benefit-card > .vc_column-inner{
    height:100%;
    padding:0!important;
}

.aygcb-benefit-card .wpb_text_column{
    height:100%;
    margin:0!important;
}

.aygcb-benefit-card .wpb_wrapper{
    position:relative;
    min-height:50px;
    padding:26px 27px;
    background:#fff;
    border:1px solid var(--aygcb-border);
    border-radius:7px;
    transition:.3s ease;
}

.aygcb-benefit-card:hover .wpb_wrapper{
    transform:translateY(-5px);
    border-color:rgba(214,165,72,.65);
    box-shadow:0 15px 35px rgba(6,29,52,.08);
}

.aygcb-benefit-no{
    position:absolute;
    top:20px;
    right:22px;
    color:#edf0f2;
    font-size:32px;
    line-height:1;
    font-weight:800;
}

.aygcb-benefit-card h3{
    position:relative;
    z-index:2;
    margin:0 0 10px!important;
    color:var(--aygcb-navy);
    font-size:16px;
    font-weight:800;
}

.aygcb-benefit-card p{
    max-width:310px;
    margin:0!important;
    color:#697681;
    font-size:12px;
    line-height:1.7;
}


/* ==========================================================
   SİSTEM TÜRLERİ
========================================================== */

.aygcb-types{
    padding:80px 25px 90px!important;
    background:
        linear-gradient(
            135deg,
            #041525 0%,
            #061d34 60%,
            #072641 100%
        );
}

.aygcb-types > .wpb_column > .vc_column-inner{
    max-width:1280px;
    margin:0 auto!important;
    padding:0!important;
}

.aygcb-type-row{
    margin:0 -9px!important;
}

.aygcb-type-card{
    padding:0 9px!important;
}

.aygcb-type-card > .vc_column-inner{
    height:100%;
    padding:0!important;
    overflow:hidden;
    background:#08233d;
    border:1px solid rgba(214,165,72,.22);
    transition:.3s ease;
}

.aygcb-type-card:hover > .vc_column-inner{
    transform:translateY(-6px);
    border-color:rgba(214,165,72,.75);
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.aygcb-type-card .wpb_single_image{
    margin:0!important;
    overflow:hidden;
}

.aygcb-type-card .vc_single_image-wrapper{
    display:block!important;
    width:100%;
}

.aygcb-type-card img{
    display:block;
    width:100%!important;
    height:255px!important;
    object-fit:cover!important;
    transition:transform .5s ease;
}

.aygcb-type-card:hover img{
    transform:scale(1.05);
}

.aygcb-type-card .wpb_text_column{
    margin:0!important;
}

.aygcb-type-card .wpb_text_column > .wpb_wrapper{
    min-height:230px;
    padding:23px 24px 25px;
}

.aygcb-type-number{
    display:block;
    margin-bottom:5px;
    color:var(--aygcb-gold);
    font-size:18px;
}

.aygcb-type-card h3{
    margin:0 0 11px!important;
    color:#fff!important;
    font-size:19px;
}

.aygcb-type-card p{
    min-height:76px;
    margin:0 0 15px!important;
    color:rgba(255,255,255,.65);
    font-size:12px;
    line-height:1.65;
}

.aygcb-text-link{
    color:var(--aygcb-gold)!important;
    font-size:11px;
    font-weight:800;
    text-decoration:none!important;
}


/* ==========================================================
   KULLANIM ALANLARI
========================================================== */

.aygcb-usage{
    width:calc(100% - 50px);
    max-width:1280px;
    margin:0 auto!important;
    padding:85px 0!important;
}

.aygcb-usage-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    border:1px solid var(--aygcb-border);
    border-radius:7px;
    overflow:hidden;
}

.aygcb-usage-item{
    border-right:1px solid var(--aygcb-border);
}

.aygcb-usage-item:last-child{
    border-right:0;
}

.aygcb-usage-item > .vc_column-inner{
    padding:0!important;
}

.aygcb-usage-item .wpb_text_column{
    margin:0!important;
}

.aygcb-usage-item .wpb_wrapper{
    min-height:115px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:#fff;
    transition:.25s ease;
}

.aygcb-usage-item:hover .wpb_wrapper{
    background:#f9f7f2;
}

.aygcb-usage-item span{
    margin-bottom:7px;
    color:var(--aygcb-gold);
    font-size:11px;
    font-weight:800;
}

.aygcb-usage-item strong{
    color:var(--aygcb-navy);
    font-size:12px;
}


/* ==========================================================
   TEKNİK BÖLÜM
========================================================== */

.aygcb-tech{
    background:#f5f6f7;
}

.aygcb-tech > .wpb_column{
    min-height:560px;
}

.aygcb-tech-content > .vc_column-inner{
    min-height:560px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
    padding:65px 65px 65px 30px!important;
}

.aygcb-tech-content > .vc_column-inner > .wpb_wrapper{
    width:100%;
    max-width:590px;
}

.aygcb-tech-content h2{
    margin:0 0 21px!important;
    color:var(--aygcb-navy);
    font-size:39px;
    line-height:1.13;
}

.aygcb-tech-content p:not(.aygcb-eyebrow){
    color:#65727d;
    font-size:13.5px;
    line-height:1.8;
}

.aygcb-check-list{
    list-style:none;
    margin:23px 0 0!important;
    padding:0!important;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px 18px;
}

.aygcb-check-list li{
    position:relative;
    padding-left:22px;
    color:var(--aygcb-navy);
    font-size:11px;
    font-weight:700;
}

.aygcb-check-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:var(--aygcb-gold);
    font-weight:900;
}

.aygcb-tech-image{
    overflow:hidden;
    clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);
}

.aygcb-tech-image > .vc_column-inner{
    height:560px;
    padding:0!important;
}

.aygcb-tech-image .wpb_wrapper,
.aygcb-tech-image .wpb_single_image,
.aygcb-tech-image .vc_single_image-wrapper{
    display:block;
    width:100%;
    height:100%;
    margin:0!important;
}

.aygcb-tech-image img{
    display:block;
    width:100%!important;
    height:560px!important;
    object-fit:cover!important;
}


/* ==========================================================
   SÜREÇ
========================================================== */

.aygcb-process{
    width:calc(100% - 50px);
    max-width:1280px;
    margin:0 auto!important;
    padding:85px 0 90px!important;
}

.aygcb-process-row{
    display:flex!important;
    flex-wrap:nowrap!important;
}

.aygcb-step{
    position:relative;
    text-align:center;
}

.aygcb-step:not(:last-child):after{
    content:"";
    position:absolute;
    top:35px;
    left:65%;
    width:70%;
    border-top:1px solid rgba(214,165,72,.50);
}

.aygcb-step-circle{
    position:relative;
    z-index:2;
    width:70px;
    height:70px;
    margin:0 auto 17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--aygcb-navy);
    color:var(--aygcb-gold);
    font-size:12px;
    font-weight:800;
}

.aygcb-step h3{
    margin:0 0 7px!important;
    color:var(--aygcb-navy);
    font-size:13px;
    font-weight:800;
}

.aygcb-step p{
    max-width:160px;
    margin:0 auto!important;
    color:#77828b;
    font-size:10px;
    line-height:1.55;
}


/* ==========================================================
   GALERİ
========================================================== */

.aygcb-gallery{
    width:calc(100% - 50px);
    max-width:1280px;
    margin:0 auto!important;
    padding:20px 0 85px!important;
}

.aygcb-gallery-row{
    margin:0 -8px!important;
}

.aygcb-gallery-card{
    padding:0 8px!important;
}

.aygcb-gallery-card > .vc_column-inner{
    position:relative;
    padding:0!important;
    overflow:hidden;
    background:var(--aygcb-navy);
    border-radius:6px;
}

.aygcb-gallery-card .wpb_single_image{
    margin:0!important;
}

.aygcb-gallery-card .vc_single_image-wrapper{
    display:block;
    width:100%;
}

.aygcb-gallery-card img{
    display:block;
    width:100%!important;
    height:280px!important;
    object-fit:cover!important;
    transition:.5s ease;
}

.aygcb-gallery-card:hover img{
    transform:scale(1.05);
}

.aygcb-gallery-card > .vc_column-inner:after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            to top,
            rgba(3,19,34,.90),
            rgba(3,19,34,0) 62%
        );
}

.aygcb-gallery-card .wpb_text_column{
    position:absolute;
    z-index:4;
    left:0;
    right:0;
    bottom:0;
    margin:0!important;
    padding:20px 22px;
}

.aygcb-gallery-card span{
    color:var(--aygcb-gold-light);
    font-size:9px;
    letter-spacing:1px;
    font-weight:800;
}

.aygcb-gallery-card h3{
    margin:4px 0 0!important;
    color:#fff!important;
    font-size:16px;
}

.aygcb-gallery-button{
    margin-top:27px!important;
}

.aygcb-gallery-button .vc_btn3{
    border-color:var(--aygcb-navy)!important;
    border-radius:0!important;
    color:var(--aygcb-navy)!important;
    font-size:10px!important;
    font-weight:800!important;
}


/* ==========================================================
   FAQ
========================================================== */

.aygcb-faq{
    padding:75px 25px 80px!important;
    background:
        linear-gradient(
            135deg,
            #041525,
            #06233d
        );
}

.aygcb-faq > .wpb_column > .vc_column-inner{
    max-width:1050px;
    margin:0 auto!important;
    padding:0!important;
}

.aygcb-faq-item{
    margin:0 0 9px!important;
    background:transparent!important;
    border:1px solid rgba(255,255,255,.20);
}

.aygcb-faq-item:hover,
.aygcb-faq-item.vc_toggle_active{
    border-color:rgba(214,165,72,.65);
}

.aygcb-faq-item .vc_toggle_title{
    padding:15px 48px 15px 18px!important;
}

.aygcb-faq-item .vc_toggle_title h4{
    color:#fff!important;
    font-size:11.5px!important;
    font-weight:600!important;
}

.aygcb-faq-item .vc_toggle_icon{
    right:18px!important;
    left:auto!important;
    border-color:var(--aygcb-gold)!important;
}

.aygcb-faq-item .vc_toggle_icon:before,
.aygcb-faq-item .vc_toggle_icon:after{
    border-color:var(--aygcb-gold)!important;
}

.aygcb-faq-item .vc_toggle_content{
    margin:0!important;
    padding:0 18px 17px!important;
    color:rgba(255,255,255,.66);
    font-size:11px;
    line-height:1.7;
}


/* ==========================================================
   FINAL CTA
========================================================== */

.aygcb-final-cta{
    position:relative;
    min-height:420px;
    overflow:hidden;

    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}

.aygcb-final-cta:before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.95) 35%,
            rgba(5,31,53,.65) 60%,
            rgba(5,31,53,.10) 100%
        );
}

.aygcb-final-cta > .wpb_column{
    position:relative;
    z-index:2;
}

.aygcb-final-content > .vc_column-inner{
    max-width:650px;
    margin-left:auto!important;
    padding:70px 55px 70px 25px!important;
}

.aygcb-final-content h2{
    margin:12px 0 18px!important;
    color:#fff;
    font-size:40px;
    line-height:1.12;
}

.aygcb-final-content h2 strong{
    color:var(--aygcb-gold-light);
}

.aygcb-final-content p:not(.aygcb-eyebrow){
    max-width:570px;
    color:rgba(255,255,255,.78);
    font-size:13.5px;
    line-height:1.75;
}

.aygcb-final-content .vc_btn3-container{
    display:inline-block;
    margin:15px 8px 0 0!important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .aygcb-hero h1{
        font-size:45px;
    }

    .aygcb-intro-text > .vc_column-inner{
        padding-right:35px!important;
    }

    .aygcb-benefit-card{
        width:50%!important;
        margin-bottom:16px;
    }

    .aygcb-type-row{
        display:flex!important;
        flex-wrap:wrap!important;
    }

    .aygcb-type-card{
        width:50%!important;
        margin-bottom:18px;
    }

    .aygcb-usage-row{
        flex-wrap:wrap!important;
    }

    .aygcb-usage-item{
        width:33.333%!important;
        border-bottom:1px solid var(--aygcb-border);
    }

    .aygcb-process-row{
        flex-wrap:wrap!important;
    }

    .aygcb-step{
        width:33.333%!important;
        margin-bottom:38px;
    }

    .aygcb-step:after{
        display:none;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

    .aygcb-section-title h2{
        font-size:29px;
    }

    .aygcb-hero{
        min-height:470px;
        background-position:65% center!important;
    }

    .aygcb-hero:before{
        background:rgba(3,20,38,.87);
    }

    .aygcb-hero-content > .vc_column-inner{
        width:calc(100% - 30px);
        padding:65px 0!important;
    }

    .aygcb-hero h1{
        font-size:36px;
    }

    .aygcb-hero-desc{
        font-size:13px;
    }

    .aygcb-trust-wrap > .wpb_column > .vc_column-inner{
        padding:0 15px!important;
    }

    .aygcb-trust-row{
        margin-top:-20px!important;
        padding:8px 18px!important;
    }

    .aygcb-trust-col{
        width:100%!important;
    }

    .aygcb-trust-col > .vc_column-inner{
        min-height:auto;
        padding:18px 3px!important;
    }

    .aygcb-trust-col + .aygcb-trust-col > .vc_column-inner{
        border-left:0;
        border-top:1px solid #e1e5e8;
    }

    .aygcb-intro{
        width:calc(100% - 30px);
        padding:65px 0!important;
    }

    .aygcb-intro > .wpb_column{
        width:100%!important;
    }

    .aygcb-intro-text > .vc_column-inner{
        padding:0!important;
    }

    .aygcb-intro-text h2{
        font-size:31px;
    }

    .aygcb-intro-image{
        margin-top:35px;
    }

    .aygcb-intro-image img{
        height:320px!important;
    }

    .aygcb-benefits{
        width:calc(100% - 30px);
        padding-bottom:65px!important;
    }

    .aygcb-benefit-card{
        width:100%!important;
        padding:0!important;
    }

    .aygcb-types{
        padding:60px 15px!important;
    }

    .aygcb-type-card{
        width:100%!important;
        padding:0!important;
    }

    .aygcb-type-card img{
        height:230px!important;
    }

    .aygcb-usage{
        width:calc(100% - 30px);
        padding:60px 0!important;
    }

    .aygcb-usage-item{
        width:50%!important;
    }

    .aygcb-tech > .wpb_column{
        width:100%!important;
        min-height:auto;
    }

    .aygcb-tech-content > .vc_column-inner{
        min-height:auto;
        padding:55px 25px!important;
        align-items:flex-start;
    }

    .aygcb-tech-content h2{
        font-size:30px;
    }

    .aygcb-check-list{
        grid-template-columns:1fr;
    }

    .aygcb-tech-image{
        clip-path:none;
    }

    .aygcb-tech-image > .vc_column-inner,
    .aygcb-tech-image img{
        height:330px!important;
    }

    .aygcb-process{
        width:calc(100% - 30px);
        padding:65px 0!important;
    }

    .aygcb-step{
        width:50%!important;
    }

    .aygcb-gallery{
        width:calc(100% - 30px);
        padding-bottom:65px!important;
    }

    .aygcb-gallery-card{
        width:100%!important;
        padding:0!important;
        margin-bottom:16px;
    }

    .aygcb-gallery-card img{
        height:260px!important;
    }

    .aygcb-faq{
        padding:60px 15px!important;
    }

    .aygcb-final-cta{
        min-height:auto;
    }

    .aygcb-final-cta:before{
        background:rgba(3,20,38,.91);
    }

    .aygcb-final-cta > .wpb_column:first-child{
        width:100%!important;
    }

    .aygcb-final-cta > .wpb_column:last-child{
        display:none;
    }

    .aygcb-final-content > .vc_column-inner{
        max-width:none;
        padding:60px 25px!important;
    }

    .aygcb-final-content h2{
        font-size:31px;
    }
}


/* ==========================================================
   KÜÇÜK TELEFON
========================================================== */

@media(max-width:480px){

    .aygcb-usage-item,
    .aygcb-step{
        width:100%!important;
    }

}

/* ==========================================================
   CAM BALKON
   SADECE "İHTİYACINIZA UYGUN CAM BALKON ÇÖZÜMLERİ"
   MOCKUP UYUMLU OVERRIDE
   ----------------------------------------------------------
   MEVCUT CAM BALKON CSS'İNİN EN ALTINA EKLE
   DİĞER ALANLARA DOKUNMAZ
========================================================== */


/* ==========================================================
   BÖLÜM BAŞLIĞI
========================================================== */

.aygcb-types .aygcb-section-title{
    max-width:850px !important;
    margin:0 auto 38px !important;
    text-align:center !important;
}

.aygcb-types .aygcb-section-title .aygcb-eyebrow{
    margin:0 0 10px !important;
    color:#d6a548 !important;
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:1.5px !important;
    text-align:center !important;
}

.aygcb-types .aygcb-section-title h2{
    margin:0 !important;
    color:#ffffff !important;
    font-size:38px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    text-align:center !important;
}


/* ==========================================================
   3 KARTI AYNI SATIRDA TUT
========================================================== */

.aygcb-types .aygcb-type-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;

    gap:20px !important;

    margin:0 !important;
    padding:0 !important;
}

.aygcb-types .aygcb-type-row:before,
.aygcb-types .aygcb-type-row:after{
    display:none !important;
}


/* ==========================================================
   KART KOLONU
========================================================== */

.aygcb-types .aygcb-type-card{
    flex:0 0 calc((100% - 40px) / 3) !important;

    width:calc((100% - 40px) / 3) !important;
    min-width:calc((100% - 40px) / 3) !important;
    max-width:calc((100% - 40px) / 3) !important;

    margin:0 !important;
    padding:0 !important;

    float:none !important;
}


/* ==========================================================
   KARTIN TAMAMI
========================================================== */

.aygcb-types .aygcb-type-card > .vc_column-inner{
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:#ffffff !important;

    border:1px solid rgba(214,165,72,.32) !important;
    border-radius:10px !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.14) !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}

.aygcb-types .aygcb-type-card:hover > .vc_column-inner{
    transform:translateY(-5px) !important;

    border-color:rgba(214,165,72,.80) !important;

    box-shadow:
        0 18px 40px rgba(0,0,0,.20) !important;
}


/* ==========================================================
   WPBAKERY WRAPPER
========================================================== */

.aygcb-types .aygcb-type-card > .vc_column-inner > .wpb_wrapper{
    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* ==========================================================
   ÜST GÖRSEL
========================================================== */

.aygcb-types .aygcb-type-card .wpb_single_image{
    flex:0 0 auto !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:#eceeef !important;
}

.aygcb-types .aygcb-type-card .wpb_single_image .wpb_wrapper{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.aygcb-types .aygcb-type-card .vc_single_image-wrapper{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
}

.aygcb-types .aygcb-type-card img{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    height:245px !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center center !important;

    border:0 !important;
    border-radius:0 !important;

    transition:transform .5s ease !important;
}

.aygcb-types .aygcb-type-card:hover img{
    transform:scale(1.04) !important;
}


/* ==========================================================
   BEYAZ ALT İÇERİK
========================================================== */

.aygcb-types .aygcb-type-card .wpb_text_column{
    flex:1 1 auto !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:#ffffff !important;
}

.aygcb-types .aygcb-type-card .wpb_text_column > .wpb_wrapper{
    display:grid !important;

    grid-template-columns:0px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;

    column-gap:14px !important;
    row-gap:0 !important;

    align-content:start !important;

    min-height:20px !important;

    margin:0 !important;

    padding:
        25px
        25px
        0px !important;

    background:#ffffff !important;
}


/* ==========================================================
   01 / 02 / 03
========================================================== */

.aygcb-types .aygcb-type-number{
    grid-column:1 !important;
    grid-row:1 / span 3 !important;

    display:block !important;

    align-self:start !important;

    margin:0 !important;
    padding:0 !important;

    color:#d6a548 !important;

    font-size:32px !important;
    line-height:1 !important;
    font-weight:400 !important;
}


/* ==========================================================
   BAŞLIK
========================================================== */

.aygcb-types .aygcb-type-card h3{
    grid-column:2 !important;
    grid-row:1 !important;

    min-height:0 !important;

    margin:0 0 8px !important;
    padding:0 !important;

    color:#061d34 !important;

    font-size:17px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
}


/* ==========================================================
   AÇIKLAMA
========================================================== */

.aygcb-types .aygcb-type-card p{
    grid-column:2 !important;
    grid-row:2 !important;

    min-height:6px !important;

    margin:0 0 14px !important;
    padding:0 !important;

    color:#667483 !important;

    font-size:12px !important;
    line-height:1.65 !important;
    font-weight:400 !important;
}


/* ==========================================================
   BİLGİ & TEKLİF AL
========================================================== */

.aygcb-types .aygcb-type-card .aygcb-text-link{
    grid-column:2 !important;
    grid-row:3 !important;

    justify-self:start !important;

    display:inline-flex !important;
    align-items:center !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    color:#d6a548 !important;

    font-size:11px !important;
    line-height:1.4 !important;
    font-weight:800 !important;

    text-decoration:none !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}

.aygcb-types .aygcb-type-card .aygcb-text-link:hover{
    color:#061d34 !important;
    transform:translateX(4px) !important;
}


/* ==========================================================
   KART ALTIN ALT ÇİZGİ - HOVER
========================================================== */

.aygcb-types .aygcb-type-card > .vc_column-inner:after{
    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:0;
    height:3px;

    background:#d6a548;

    transform:translateX(-50%);

    transition:width .3s ease;
}

.aygcb-types .aygcb-type-card:hover > .vc_column-inner:after{
    width:100%;
}


/* ==========================================================
   TABLET
   SADECE BU BÖLÜM
========================================================== */

@media(max-width:1024px){

    .aygcb-types .aygcb-type-row{
        flex-wrap:wrap !important;
        gap:18px !important;
    }

    .aygcb-types .aygcb-type-card{
        flex:0 0 calc(50% - 9px) !important;

        width:calc(50% - 9px) !important;
        min-width:calc(50% - 9px) !important;
        max-width:calc(50% - 9px) !important;

        margin:0 !important;
    }

    .aygcb-types .aygcb-type-card img{
        height:240px !important;
    }
}


/* ==========================================================
   MOBİL
   SADECE BU BÖLÜM
========================================================== */

@media(max-width:767px){

    .aygcb-types .aygcb-section-title h2{
        font-size:29px !important;
    }

    .aygcb-types .aygcb-type-row{
        display:block !important;
    }

    .aygcb-types .aygcb-type-card{
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;

        margin:0 0 18px !important;
    }

    .aygcb-types .aygcb-type-card:last-child{
        margin-bottom:0 !important;
    }

    .aygcb-types .aygcb-type-card img{
        height:220px !important;
    }

    .aygcb-types .aygcb-type-card .wpb_text_column > .wpb_wrapper{
        grid-template-columns:45px minmax(0,1fr) !important;

        column-gap:11px !important;

        min-height:0 !important;

        padding:
            21px
            20px
            23px !important;
    }

    .aygcb-types .aygcb-type-number{
        font-size:28px !important;
    }

    .aygcb-types .aygcb-type-card h3{
        font-size:16px !important;
    }

    .aygcb-types .aygcb-type-card p{
        min-height:0 !important;
        font-size:11.5px !important;
    }
}

/* ==========================================================
   AYG YAPI SİSTEMLERİ
   PERGOLA SİSTEMLERİ İÇ SAYFASI
   WOODMART + WPBAKERY
   ----------------------------------------------------------
   MEVCUT CSS'LERİN EN ALTINA EKLE
   DİĞER SAYFALARA DOKUNMAZ
========================================================== */

:root{
    --aygpg-navy:#061d34;
    --aygpg-dark:#031426;
    --aygpg-blue:#082944;
    --aygpg-gold:#d6a548;
    --aygpg-gold-light:#e7bd70;
    --aygpg-text:#647181;
    --aygpg-border:#e1e6eb;
    --aygpg-light:#f7f8f9;
}


/* ==========================================================
   GENEL
========================================================== */

.aygpg-eyebrow{
    display:block;
    margin:0 0 11px!important;
    color:var(--aygpg-gold)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:1.5px!important;
    text-transform:uppercase!important;
}

.aygpg-section-title{
    max-width:820px;
    margin:0 auto 42px!important;
    text-align:center;
}

.aygpg-section-title h2{
    margin:0 0 13px!important;
    color:var(--aygpg-navy)!important;
    font-size:38px!important;
    line-height:1.15!important;
    font-weight:700!important;
}

.aygpg-section-title > .wpb_wrapper > p:not(.aygpg-eyebrow){
    max-width:700px;
    margin:0 auto!important;
    color:var(--aygpg-text)!important;
    font-size:14px!important;
    line-height:1.75!important;
}

.aygpg-section-title-light h2{
    color:#fff!important;
}


/* ==========================================================
   HERO
========================================================== */

.aygpg-hero{
    position:relative!important;
    min-height:540px!important;

    display:flex!important;
    align-items:center!important;

    overflow:hidden!important;

    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
}

.aygpg-hero:before{
    content:"";

    position:absolute;
    z-index:1;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.94) 36%,
            rgba(4,28,49,.58) 62%,
            rgba(4,28,49,.10) 100%
        );

    pointer-events:none;
}

.aygpg-hero > .wpb_column{
    position:relative;
    z-index:2;
    width:100%!important;
}

.aygpg-hero-content > .vc_column-inner{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:90px 0!important;
}

.aygpg-hero-content > .vc_column-inner > .wpb_wrapper{
    max-width:690px!important;
}


/* breadcrumb */

.aygpg-breadcrumb{
    margin:0 0 27px!important;

    color:rgba(255,255,255,.56)!important;

    font-size:10.5px!important;
    line-height:1.4!important;
}

.aygpg-breadcrumb a{
    color:rgba(255,255,255,.72)!important;
    text-decoration:none!important;
}

.aygpg-breadcrumb a:first-child{
    color:var(--aygpg-gold)!important;
}

.aygpg-breadcrumb span{
    display:inline-block;
    margin:0 7px;
    opacity:.45;
}


/* hero title */

.aygpg-hero h1{
    margin:0 0 18px!important;

    color:#fff!important;

    font-size:55px!important;
    line-height:1.05!important;
    font-weight:700!important;
}

.aygpg-hero h1:after{
    content:"";

    display:block;

    width:52px;
    height:2px;

    margin-top:22px;

    background:var(--aygpg-gold);
}


/* hero açıklama */

.aygpg-hero-desc{
    max-width:610px;

    margin:0!important;

    color:rgba(255,255,255,.79)!important;

    font-size:15px!important;
    line-height:1.75!important;
}

.aygpg-hero .vc_btn3-container{
    display:inline-block!important;
    margin:24px 8px 0 0!important;
}


/* ==========================================================
   BUTONLAR
========================================================== */

.aygpg-gold-button .vc_btn3{
    padding:15px 22px!important;

    border:0!important;
    border-radius:0!important;

    background:var(--aygpg-gold)!important;
    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}

.aygpg-gold-button .vc_btn3:hover{
    background:#fff!important;
    color:var(--aygpg-navy)!important;
}

.aygpg-outline-button .vc_btn3{
    padding:14px 22px!important;

    border:1px solid rgba(255,255,255,.65)!important;
    border-radius:0!important;

    background:transparent!important;
    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}

.aygpg-outline-button .vc_btn3:hover{
    background:#fff!important;
    color:var(--aygpg-navy)!important;
}


/* ==========================================================
   HERO ALTINDAKİ 3'LÜ GÜVEN ALANI
========================================================== */

.aygpg-trust-wrap{
    position:relative!important;
    z-index:20!important;
}

.aygpg-trust-wrap > .wpb_column > .vc_column-inner{
    padding:0 20px!important;
}

.aygpg-trust-row{
    max-width:1180px!important;

    margin:-40px auto 0!important;
    padding:20px 24px!important;

    background:#fff!important;

    border-radius:9px!important;

    box-shadow:
        0 16px 45px
        rgba(5,28,49,.12)!important;
}

.aygpg-trust-col > .vc_column-inner{
    min-height:78px!important;

    padding:3px 30px!important;

    display:flex!important;
    align-items:center!important;
}

.aygpg-trust-col + .aygpg-trust-col > .vc_column-inner{
    border-left:1px solid #e1e5e8!important;
}

.aygpg-trust-info{
    width:100%!important;
    margin:0!important;
}

.aygpg-trust-info .info-box-inner{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;

    text-align:left!important;
}

.aygpg-trust-info .box-icon-wrapper{
    flex:0 0 55px!important;
    width:55px!important;

    margin:0 16px 0 0!important;
}

.aygpg-trust-info .info-box-icon{
    margin:0!important;
}

.aygpg-trust-info .info-box-icon img{
    display:block!important;

    width:50px!important;
    height:50px!important;

    object-fit:contain!important;
}

.aygpg-trust-info .info-box-content{
    text-align:left!important;
}

.aygpg-trust-info .info-box-title{
    margin:0 0 5px!important;

    color:var(--aygpg-navy)!important;

    font-size:11px!important;
    line-height:1.3!important;
    font-weight:800!important;
}

.aygpg-trust-info .info-box-content p{
    margin:0!important;

    color:#697580!important;

    font-size:10.5px!important;
    line-height:1.45!important;
}


/* ==========================================================
   PERGOLA ÇÖZÜMLERİ INTRO
========================================================== */

.aygpg-intro{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:100px 0 90px!important;
}

.aygpg-intro-text > .vc_column-inner{
    padding:0 65px 0 0!important;
}

.aygpg-intro-text h2{
    margin:0 0 22px!important;

    color:var(--aygpg-navy)!important;

    font-size:42px!important;
    line-height:1.12!important;
    font-weight:700!important;
}

.aygpg-intro-text h2:after{
    content:"";

    display:block;

    width:42px;
    height:2px;

    margin-top:19px;

    background:var(--aygpg-gold);
}

.aygpg-intro-text p:not(.aygpg-eyebrow){
    color:var(--aygpg-text)!important;

    font-size:14px!important;
    line-height:1.85!important;
}

.aygpg-intro-image > .vc_column-inner{
    padding:0!important;
}

.aygpg-intro-image .wpb_single_image{
    margin:0!important;
}

.aygpg-intro-image img{
    display:block!important;

    width:100%!important;
    height:470px!important;

    object-fit:cover!important;
    object-position:center!important;

    border-radius:5px!important;
}


/* ==========================================================
   AVANTAJLAR
========================================================== */

.aygpg-benefits{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:20px 0 95px!important;
}

.aygpg-benefit-row{
    margin:0 -8px 16px!important;
}

.aygpg-benefit-card{
    padding:0 8px!important;
}

.aygpg-benefit-card > .vc_column-inner{
    height:100%!important;
    padding:0!important;
}

.aygpg-benefit-card .wpb_text_column{
    height:100%!important;
    margin:0!important;
}

.aygpg-benefit-card .wpb_wrapper{
    position:relative!important;

    min-height:200px!important;

    padding:26px 27px!important;

    background:#fff!important;

    border:1px solid var(--aygpg-border)!important;
    border-radius:7px!important;

    transition:.3s ease!important;
}

.aygpg-benefit-card:hover .wpb_wrapper{
    transform:translateY(-5px)!important;

    border-color:rgba(214,165,72,.65)!important;

    box-shadow:
        0 15px 35px
        rgba(6,29,52,.08)!important;
}

.aygpg-benefit-no{
    position:absolute!important;

    top:20px!important;
    right:22px!important;

    color:#edf0f2!important;

    font-size:32px!important;
    line-height:1!important;
    font-weight:800!important;
}

.aygpg-benefit-card h3{
    position:relative!important;
    z-index:2!important;

    margin:0 0 10px!important;

    color:var(--aygpg-navy)!important;

    font-size:16px!important;
    line-height:1.3!important;
    font-weight:800!important;
}

.aygpg-benefit-card p{
    max-width:310px!important;

    margin:0!important;

    color:#697681!important;

    font-size:12px!important;
    line-height:1.7!important;
}


/* ==========================================================
   SİSTEM SEÇENEKLERİ
   MOCKUP'TAKİ BEYAZ KART YAPISI
========================================================== */

.aygpg-types{
    position:relative!important;

    padding:80px 25px 90px!important;

    overflow:hidden!important;

    background:
        radial-gradient(
            circle at 50% -20%,
            rgba(22,74,112,.34) 0%,
            rgba(6,29,52,0) 43%
        ),
        linear-gradient(
            135deg,
            #041525 0%,
            #061d34 56%,
            #072641 100%
        )!important;
}

.aygpg-types > .wpb_column{
    position:relative!important;
    z-index:2!important;
}

.aygpg-types > .wpb_column > .vc_column-inner{
    width:100%!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:0!important;
}


/* başlık */

.aygpg-types .aygpg-section-title{
    max-width:850px!important;
    margin:0 auto 38px!important;
}

.aygpg-types .aygpg-section-title h2{
    color:#fff!important;
}


/* kart satırı */

.aygpg-types .aygpg-type-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;

    gap:20px!important;

    margin:0!important;
    padding:0!important;
}

.aygpg-types .aygpg-type-row:before,
.aygpg-types .aygpg-type-row:after{
    display:none!important;
}


/* kart kolonları */

.aygpg-types .aygpg-type-card{
    flex:0 0 calc((100% - 40px) / 3)!important;

    width:calc((100% - 40px) / 3)!important;
    min-width:calc((100% - 40px) / 3)!important;
    max-width:calc((100% - 40px) / 3)!important;

    margin:0!important;
    padding:0!important;

    float:none!important;
}


/* kart */

.aygpg-types .aygpg-type-card > .vc_column-inner{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;

    width:100%!important;
    height:100%!important;

    padding:0!important;

    overflow:hidden!important;

    background:#fff!important;

    border:1px solid rgba(214,165,72,.32)!important;
    border-radius:10px!important;

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.14)!important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease!important;
}

.aygpg-types .aygpg-type-card:hover > .vc_column-inner{
    transform:translateY(-5px)!important;

    border-color:rgba(214,165,72,.80)!important;

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.20)!important;
}

.aygpg-types .aygpg-type-card > .vc_column-inner > .wpb_wrapper{
    display:flex!important;
    flex-direction:column!important;

    width:100%!important;
    height:100%!important;

    padding:0!important;
}


/* görsel */

.aygpg-types .aygpg-type-card .wpb_single_image{
    width:100%!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    background:#eceeef!important;
}

.aygpg-types .aygpg-type-card .wpb_single_image .wpb_wrapper{
    margin:0!important;
    padding:0!important;
}

.aygpg-types .aygpg-type-card .vc_single_image-wrapper{
    display:block!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;
}

.aygpg-types .aygpg-type-card img{
    display:block!important;

    width:100%!important;
    max-width:none!important;

    height:245px!important;

    margin:0!important;
    padding:0!important;

    object-fit:cover!important;
    object-position:center!important;

    border:0!important;
    border-radius:0!important;

    transition:transform .5s ease!important;
}

.aygpg-types .aygpg-type-card:hover img{
    transform:scale(1.04)!important;
}


/* beyaz alt kısım */

.aygpg-types .aygpg-type-card .wpb_text_column{
    flex:1 1 auto!important;

    width:100%!important;

    margin:0!important;
    padding:0!important;

    background:#fff!important;
}

.aygpg-types .aygpg-type-card .wpb_text_column > .wpb_wrapper{
    display:grid!important;

    grid-template-columns:
        52px
        minmax(0,1fr)!important;

    grid-template-rows:
        auto
        auto
        auto!important;

    column-gap:14px!important;

    align-content:start!important;

    min-height:220px!important;

    padding:25px!important;

    background:#fff!important;
}


/* 01 02 03 */

.aygpg-types .aygpg-type-number{
    grid-column:1!important;
    grid-row:1 / span 3!important;

    align-self:start!important;

    display:block!important;

    margin:0!important;

    color:var(--aygpg-gold)!important;

    font-size:32px!important;
    line-height:1!important;
    font-weight:400!important;
}


/* kart başlığı */

.aygpg-types .aygpg-type-card h3{
    grid-column:2!important;
    grid-row:1!important;

    margin:0 0 8px!important;

    color:var(--aygpg-navy)!important;

    font-size:17px!important;
    line-height:1.3!important;
    font-weight:800!important;
}


/* açıklama */

.aygpg-types .aygpg-type-card p{
    grid-column:2!important;
    grid-row:2!important;

    min-height:76px!important;

    margin:0 0 14px!important;

    color:#667483!important;

    font-size:12px!important;
    line-height:1.65!important;
}


/* link */

.aygpg-types .aygpg-text-link{
    grid-column:2!important;
    grid-row:3!important;

    justify-self:start!important;

    display:inline-flex!important;

    width:auto!important;

    color:var(--aygpg-gold)!important;

    font-size:11px!important;
    font-weight:800!important;

    text-decoration:none!important;

    transition:.2s ease!important;
}

.aygpg-types .aygpg-text-link:hover{
    color:var(--aygpg-navy)!important;
    transform:translateX(4px)!important;
}


/* altın hover çizgisi */

.aygpg-types .aygpg-type-card > .vc_column-inner:after{
    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:0;
    height:3px;

    background:var(--aygpg-gold);

    transform:translateX(-50%);

    transition:width .3s ease;
}

.aygpg-types .aygpg-type-card:hover > .vc_column-inner:after{
    width:100%;
}


/* ==========================================================
   KULLANIM ALANLARI
========================================================== */

.aygpg-usage{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:85px 0!important;
}

.aygpg-usage-row{
    display:flex!important;
    flex-wrap:nowrap!important;

    border:1px solid var(--aygpg-border)!important;
    border-radius:7px!important;

    overflow:hidden!important;
}

.aygpg-usage-item{
    border-right:1px solid var(--aygpg-border)!important;
}

.aygpg-usage-item:last-child{
    border-right:0!important;
}

.aygpg-usage-item > .vc_column-inner{
    padding:0!important;
}

.aygpg-usage-item .wpb_text_column{
    margin:0!important;
}

.aygpg-usage-item .wpb_wrapper{
    min-height:115px!important;

    display:flex!important;
    flex-direction:column!important;

    align-items:center!important;
    justify-content:center!important;

    text-align:center!important;

    background:#fff!important;

    transition:.25s ease!important;
}

.aygpg-usage-item:hover .wpb_wrapper{
    background:#f9f7f2!important;
}

.aygpg-usage-item span{
    margin-bottom:7px!important;

    color:var(--aygpg-gold)!important;

    font-size:11px!important;
    font-weight:800!important;
}

.aygpg-usage-item strong{
    color:var(--aygpg-navy)!important;

    font-size:12px!important;
    font-weight:800!important;
}


/* ==========================================================
   PERGOLA SEÇERKEN NELERE DİKKAT EDİLMELİ
========================================================== */

.aygpg-tech{
    background:#f5f6f7!important;
}

.aygpg-tech > .wpb_column{
    min-height:560px!important;
}

.aygpg-tech-content > .vc_column-inner{
    min-height:560px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-end!important;

    padding:65px 65px 65px 30px!important;
}

.aygpg-tech-content > .vc_column-inner > .wpb_wrapper{
    width:100%!important;
    max-width:590px!important;
}

.aygpg-tech-content h2{
    margin:0 0 21px!important;

    color:var(--aygpg-navy)!important;

    font-size:39px!important;
    line-height:1.13!important;
    font-weight:700!important;
}

.aygpg-tech-content p:not(.aygpg-eyebrow){
    color:#65727d!important;

    font-size:13.5px!important;
    line-height:1.8!important;
}


/* checklist */

.aygpg-check-list{
    list-style:none!important;

    margin:23px 0 0!important;
    padding:0!important;

    display:grid!important;

    grid-template-columns:
        1fr
        1fr!important;

    gap:11px 18px!important;
}

.aygpg-check-list li{
    position:relative!important;

    padding-left:22px!important;

    color:var(--aygpg-navy)!important;

    font-size:11px!important;
    line-height:1.4!important;
    font-weight:700!important;
}

.aygpg-check-list li:before{
    content:"✓";

    position:absolute;

    left:0;
    top:0;

    color:var(--aygpg-gold)!important;

    font-weight:900!important;
}


/* teknik görsel */

.aygpg-tech-image{
    overflow:hidden!important;

    clip-path:
        polygon(
            10% 0,
            100% 0,
            100% 100%,
            0 100%
        )!important;
}

.aygpg-tech-image > .vc_column-inner{
    height:560px!important;
    padding:0!important;
}

.aygpg-tech-image .wpb_wrapper,
.aygpg-tech-image .wpb_single_image,
.aygpg-tech-image .vc_single_image-wrapper{
    display:block!important;

    width:100%!important;
    height:100%!important;

    margin:0!important;
}

.aygpg-tech-image img{
    display:block!important;

    width:100%!important;
    height:560px!important;

    object-fit:cover!important;
    object-position:center!important;
}


/* ==========================================================
   UYGULAMA SÜRECİ
========================================================== */

.aygpg-process{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:85px 0 90px!important;
}

.aygpg-process-row{
    display:flex!important;
    flex-wrap:nowrap!important;
}

.aygpg-step{
    position:relative!important;
    text-align:center!important;
}

.aygpg-step:not(:last-child):after{
    content:"";

    position:absolute;

    top:35px;
    left:65%;

    width:70%;

    border-top:
        1px
        solid
        rgba(214,165,72,.50);
}

.aygpg-step-circle{
    position:relative;
    z-index:2;

    width:70px;
    height:70px;

    margin:0 auto 17px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--aygpg-navy);

    color:var(--aygpg-gold);

    font-size:12px;
    font-weight:800;
}

.aygpg-step h3{
    margin:0 0 7px!important;

    color:var(--aygpg-navy)!important;

    font-size:13px!important;
    font-weight:800!important;
}

.aygpg-step p{
    max-width:160px;

    margin:0 auto!important;

    color:#77828b!important;

    font-size:10px!important;
    line-height:1.55!important;
}


/* ==========================================================
   UYGULAMALAR / GALERİ
========================================================== */

.aygpg-gallery{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:20px 0 85px!important;
}

.aygpg-gallery-row{
    margin:0 -8px!important;
}

.aygpg-gallery-card{
    padding:0 8px!important;
}

.aygpg-gallery-card > .vc_column-inner{
    position:relative!important;

    padding:0!important;

    overflow:hidden!important;

    background:var(--aygpg-navy)!important;

    border-radius:6px!important;
}

.aygpg-gallery-card .wpb_single_image{
    margin:0!important;
}

.aygpg-gallery-card .vc_single_image-wrapper{
    display:block!important;
    width:100%!important;
}

.aygpg-gallery-card img{
    display:block!important;

    width:100%!important;
    height:280px!important;

    object-fit:cover!important;

    transition:transform .5s ease!important;
}

.aygpg-gallery-card:hover img{
    transform:scale(1.05)!important;
}


/* gradient overlay */

.aygpg-gallery-card > .vc_column-inner:after{
    content:"";

    position:absolute;

    z-index:2;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            to top,
            rgba(3,19,34,.92),
            rgba(3,19,34,.08) 65%
        );
}

.aygpg-gallery-card .wpb_text_column{
    position:absolute!important;

    z-index:4!important;

    left:0;
    right:0;
    bottom:0;

    margin:0!important;

    padding:20px 22px!important;
}

.aygpg-gallery-card span{
    color:var(--aygpg-gold-light)!important;

    font-size:9px!important;
    letter-spacing:1px!important;
    font-weight:800!important;
}

.aygpg-gallery-card h3{
    margin:4px 0 0!important;

    color:#fff!important;

    font-size:16px!important;
    line-height:1.3!important;
}

.aygpg-gallery-button{
    margin-top:27px!important;
}

.aygpg-gallery-button .vc_btn3{
    border-color:var(--aygpg-navy)!important;
    border-radius:0!important;

    color:var(--aygpg-navy)!important;

    font-size:10px!important;
    font-weight:800!important;
}


/* ==========================================================
   FAQ
========================================================== */

.aygpg-faq{
    padding:75px 25px 80px!important;

    background:
        linear-gradient(
            135deg,
            #041525,
            #06233d
        )!important;
}

.aygpg-faq > .wpb_column > .vc_column-inner{
    max-width:1050px!important;

    margin:0 auto!important;
    padding:0!important;
}

.aygpg-faq-item{
    margin:0 0 9px!important;

    background:transparent!important;

    border:
        1px
        solid
        rgba(255,255,255,.20)!important;

    transition:.2s ease!important;
}

.aygpg-faq-item:hover,
.aygpg-faq-item.vc_toggle_active{
    border-color:
        rgba(214,165,72,.65)!important;

    background:
        rgba(255,255,255,.02)!important;
}

.aygpg-faq-item .vc_toggle_title{
    padding:15px 48px 15px 18px!important;
}

.aygpg-faq-item .vc_toggle_title h4{
    color:#fff!important;

    font-size:11.5px!important;
    line-height:1.4!important;
    font-weight:600!important;
}

.aygpg-faq-item .vc_toggle_icon{
    right:18px!important;
    left:auto!important;

    border-color:var(--aygpg-gold)!important;
}

.aygpg-faq-item .vc_toggle_icon:before,
.aygpg-faq-item .vc_toggle_icon:after{
    border-color:var(--aygpg-gold)!important;
}

.aygpg-faq-item .vc_toggle_content{
    margin:0!important;

    padding:0 18px 17px!important;

    color:rgba(255,255,255,.66)!important;

    font-size:11px!important;
    line-height:1.7!important;
}


/* ==========================================================
   FINAL CTA
========================================================== */

.aygpg-final-cta{
    position:relative!important;

    min-height:420px!important;

    overflow:hidden!important;

    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}

.aygpg-final-cta:before{
    content:"";

    position:absolute;

    z-index:1;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.95) 35%,
            rgba(5,31,53,.65) 60%,
            rgba(5,31,53,.10) 100%
        );
}

.aygpg-final-cta > .wpb_column{
    position:relative!important;
    z-index:2!important;
}

.aygpg-final-content > .vc_column-inner{
    max-width:650px!important;

    margin-left:auto!important;

    padding:70px 55px 70px 25px!important;
}

.aygpg-final-content h2{
    margin:12px 0 18px!important;

    color:#fff!important;

    font-size:40px!important;
    line-height:1.12!important;
    font-weight:700!important;
}

.aygpg-final-content h2 strong{
    color:var(--aygpg-gold-light)!important;
}

.aygpg-final-content p:not(.aygpg-eyebrow){
    max-width:570px!important;

    color:rgba(255,255,255,.78)!important;

    font-size:13.5px!important;
    line-height:1.75!important;
}

.aygpg-final-content .vc_btn3-container{
    display:inline-block!important;
    margin:15px 8px 0 0!important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .aygpg-hero h1{
        font-size:45px!important;
    }

    .aygpg-intro-text > .vc_column-inner{
        padding-right:35px!important;
    }

    .aygpg-benefit-card{
        width:50%!important;
        margin-bottom:16px!important;
    }


    /* sistem kartları */

    .aygpg-types .aygpg-type-row{
        flex-wrap:wrap!important;
        gap:18px!important;
    }

    .aygpg-types .aygpg-type-card{
        flex:0 0 calc(50% - 9px)!important;

        width:calc(50% - 9px)!important;
        min-width:calc(50% - 9px)!important;
        max-width:calc(50% - 9px)!important;
    }

    .aygpg-types .aygpg-type-card img{
        height:240px!important;
    }


    /* usage */

    .aygpg-usage-row{
        flex-wrap:wrap!important;
    }

    .aygpg-usage-item{
        width:33.333%!important;

        border-bottom:1px solid var(--aygpg-border)!important;
    }


    /* process */

    .aygpg-process-row{
        flex-wrap:wrap!important;
    }

    .aygpg-step{
        width:33.333%!important;
        margin-bottom:38px!important;
    }

    .aygpg-step:after{
        display:none!important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

    .aygpg-section-title h2{
        font-size:29px!important;
    }


    /* HERO */

    .aygpg-hero{
        min-height:470px!important;

        background-position:65% center!important;
    }

    .aygpg-hero:before{
        background:rgba(3,20,38,.88)!important;
    }

    .aygpg-hero-content > .vc_column-inner{
        width:calc(100% - 30px)!important;

        padding:65px 0!important;
    }

    .aygpg-hero h1{
        font-size:36px!important;
    }

    .aygpg-hero-desc{
        font-size:13px!important;
    }


    /* TRUST */

    .aygpg-trust-wrap > .wpb_column > .vc_column-inner{
        padding:0 15px!important;
    }

    .aygpg-trust-row{
        margin-top:-20px!important;

        padding:8px 18px!important;
    }

    .aygpg-trust-col{
        width:100%!important;
    }

    .aygpg-trust-col > .vc_column-inner{
        min-height:auto!important;

        padding:18px 3px!important;
    }

    .aygpg-trust-col + .aygpg-trust-col > .vc_column-inner{
        border-left:0!important;
        border-top:1px solid #e1e5e8!important;
    }


    /* INTRO */

    .aygpg-intro{
        width:calc(100% - 30px)!important;

        padding:65px 0!important;
    }

    .aygpg-intro > .wpb_column{
        width:100%!important;
    }

    .aygpg-intro-text > .vc_column-inner{
        padding:0!important;
    }

    .aygpg-intro-text h2{
        font-size:31px!important;
    }

    .aygpg-intro-image{
        margin-top:35px!important;
    }

    .aygpg-intro-image img{
        height:320px!important;
    }


    /* BENEFITS */

    .aygpg-benefits{
        width:calc(100% - 30px)!important;

        padding-bottom:65px!important;
    }

    .aygpg-benefit-card{
        width:100%!important;

        padding:0!important;
    }


    /* SYSTEM CARDS */

    .aygpg-types{
        padding:60px 15px!important;
    }

    .aygpg-types .aygpg-section-title h2{
        font-size:29px!important;
    }

    .aygpg-types .aygpg-type-row{
        display:block!important;
    }

    .aygpg-types .aygpg-type-card{
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;

        margin:0 0 18px!important;
    }

    .aygpg-types .aygpg-type-card:last-child{
        margin-bottom:0!important;
    }

    .aygpg-types .aygpg-type-card img{
        height:220px!important;
    }

    .aygpg-types .aygpg-type-card .wpb_text_column > .wpb_wrapper{
        grid-template-columns:
            45px
            minmax(0,1fr)!important;

        column-gap:11px!important;

        min-height:0!important;

        padding:21px 20px 23px!important;
    }

    .aygpg-types .aygpg-type-number{
        font-size:28px!important;
    }

    .aygpg-types .aygpg-type-card h3{
        font-size:16px!important;
    }

    .aygpg-types .aygpg-type-card p{
        min-height:0!important;

        font-size:11.5px!important;
    }


    /* USAGE */

    .aygpg-usage{
        width:calc(100% - 30px)!important;

        padding:60px 0!important;
    }

    .aygpg-usage-item{
        width:50%!important;
    }


    /* TECH */

    .aygpg-tech > .wpb_column{
        width:100%!important;
        min-height:auto!important;
    }

    .aygpg-tech-content > .vc_column-inner{
        min-height:auto!important;

        padding:55px 25px!important;

        align-items:flex-start!important;
    }

    .aygpg-tech-content h2{
        font-size:30px!important;
    }

    .aygpg-check-list{
        grid-template-columns:1fr!important;
    }

    .aygpg-tech-image{
        clip-path:none!important;
    }

    .aygpg-tech-image > .vc_column-inner,
    .aygpg-tech-image img{
        height:330px!important;
    }


    /* PROCESS */

    .aygpg-process{
        width:calc(100% - 30px)!important;

        padding:65px 0!important;
    }

    .aygpg-step{
        width:50%!important;
    }


    /* GALLERY */

    .aygpg-gallery{
        width:calc(100% - 30px)!important;

        padding-bottom:65px!important;
    }

    .aygpg-gallery-card{
        width:100%!important;

        padding:0!important;

        margin-bottom:16px!important;
    }

    .aygpg-gallery-card img{
        height:260px!important;
    }


    /* FAQ */

    .aygpg-faq{
        padding:60px 15px!important;
    }


    /* FINAL CTA */

    .aygpg-final-cta{
        min-height:auto!important;
    }

    .aygpg-final-cta:before{
        background:rgba(3,20,38,.91)!important;
    }

    .aygpg-final-cta > .wpb_column:first-child{
        width:100%!important;
    }

    .aygpg-final-cta > .wpb_column:last-child{
        display:none!important;
    }

    .aygpg-final-content > .vc_column-inner{
        max-width:none!important;

        padding:60px 25px!important;
    }

    .aygpg-final-content h2{
        font-size:31px!important;
    }
}


/* ==========================================================
   KÜÇÜK TELEFON
========================================================== */

@media(max-width:480px){

    .aygpg-usage-item,
    .aygpg-step{
        width:100%!important;
    }
}

/* ==========================================================
   PERGOLA - SİSTEM KARTLARI SON DÜZELTME
   SADECE "İHTİYACINIZA UYGUN PERGOLA ÇÖZÜMLERİ"
========================================================== */


/* 01 / 02 / 03 TAMAMEN KALDIR */
.aygpg-types .aygpg-type-number{
    display:none !important;
}


/* ==========================================================
   ALT BEYAZ İÇERİK ALANI
   GRID YERİNE NORMAL DİKEY AKIŞ
========================================================== */

.aygpg-types .aygpg-type-card .wpb_text_column{
    flex:1 1 auto !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:#fff !important;
}


.aygpg-types .aygpg-type-card .wpb_text_column > .wpb_wrapper{
    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;
    justify-content:flex-start !important;

    width:100% !important;

    min-height:215px !important;

    margin:0 !important;

    padding:
        26px
        28px
        26px !important;

    background:#fff !important;

    grid-template-columns:none !important;
    grid-template-rows:none !important;

    column-gap:0 !important;
    row-gap:0 !important;
}


/* ==========================================================
   BAŞLIK
========================================================== */

.aygpg-types .aygpg-type-card h3{
    display:block !important;

    width:100% !important;

    min-height:0 !important;

    margin:
        0
        0
        12px !important;

    padding:0 !important;

    color:#061d34 !important;

    font-size:17px !important;
    line-height:1.35 !important;
    font-weight:800 !important;

    grid-column:auto !important;
    grid-row:auto !important;
}


/* ==========================================================
   AÇIKLAMA
========================================================== */

.aygpg-types .aygpg-type-card p{
    display:block !important;

    width:100% !important;

    min-height:0 !important;

    margin:
        0
        0
        18px !important;

    padding:0 !important;

    color:#667483 !important;

    font-size:12px !important;
    line-height:1.7 !important;

    grid-column:auto !important;
    grid-row:auto !important;
}


/* ==========================================================
   BİLGİ & TEKLİF AL
   AÇIKLAMANIN ALTINDA
========================================================== */

.aygpg-types .aygpg-type-card .aygpg-text-link{
    display:inline-flex !important;

    align-items:center !important;

    width:auto !important;

    margin:
        auto
        0
        0 !important;

    padding:
        3px
        0
        0 !important;

    color:#d6a548 !important;

    font-size:11px !important;
    line-height:1.4 !important;
    font-weight:800 !important;

    text-decoration:none !important;

    grid-column:auto !important;
    grid-row:auto !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}


.aygpg-types .aygpg-type-card .aygpg-text-link:hover{
    color:#061d34 !important;

    transform:translateX(4px) !important;
}


/* ==========================================================
   KART YÜKSEKLİKLERİNİ DENGELE
========================================================== */

.aygpg-types .aygpg-type-card > .vc_column-inner{
    height:100% !important;
}


.aygpg-types .aygpg-type-card > .vc_column-inner > .wpb_wrapper{
    height:100% !important;
}


.aygpg-types .aygpg-type-card .wpb_text_column{
    height:100% !important;
}


/* ==========================================================
   MOBİL
========================================================== */

@media(max-width:767px){

    .aygpg-types .aygpg-type-card .wpb_text_column > .wpb_wrapper{
        min-height:0 !important;

        padding:
            22px
            21px
            24px !important;
    }


    .aygpg-types .aygpg-type-card h3{
        margin-bottom:10px !important;

        font-size:16px !important;
    }


    .aygpg-types .aygpg-type-card p{
        margin-bottom:15px !important;

        font-size:11.5px !important;
    }


    .aygpg-types .aygpg-type-card .aygpg-text-link{
        margin-top:0 !important;
    }

}

/* ==========================================================
   PERGOLA SİSTEM KARTLARI
   FAZLA ÜST / ALT BOŞLUK DÜZELTMESİ
   SADECE BU 3 KARTA ETKİ EDER
========================================================== */

/* kart gereksiz yere uzamasın */
.aygpg-types .aygpg-type-card{
    align-self:flex-start !important;
}

.aygpg-types .aygpg-type-card > .vc_column-inner{
    height:auto !important;
    min-height:0 !important;
}

.aygpg-types .aygpg-type-card > .vc_column-inner > .wpb_wrapper{
    height:auto !important;
    min-height:0 !important;
}


/* beyaz içerik alanı sadece içerik kadar olsun */
.aygpg-types .aygpg-type-card .wpb_text_column{
    flex:0 0 auto !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
}


/* içerik paddinglerini sıkılaştır */
.aygpg-types .aygpg-type-card .wpb_text_column > .wpb_wrapper{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;

    height:auto !important;
    min-height:0 !important;

    padding:
        24px
        28px
        26px !important;
}


/* başlık */
.aygpg-types .aygpg-type-card h3{
    width:100% !important;

    margin:
        0
        0
        9px !important;

    padding:0 !important;

    min-height:0 !important;
}


/* açıklama */
.aygpg-types .aygpg-type-card p{
    width:100% !important;

    margin:
        0
        0
        14px !important;

    padding:0 !important;

    min-height:0 !important;
}


/* teklif linki metnin hemen ardından gelsin */
.aygpg-types .aygpg-type-card .aygpg-text-link{
    margin:
        0 !important;

    padding:
        2px
        0
        0 !important;
}


/* Masaüstünde 3 kart aynı görünsün */
@media(min-width:1025px){

    .aygpg-types .aygpg-type-card .wpb_text_column > .wpb_wrapper{
        min-height:175px !important;
    }

}


/* MOBİL */
@media(max-width:767px){

    .aygpg-types .aygpg-type-card .wpb_text_column > .wpb_wrapper{
        min-height:0 !important;

        padding:
            20px
            21px
            22px !important;
    }

}

/* ==========================================================
   PERGOLA SİSTEM KARTLARI
   GÖRSELİ KARTIN KENARLARINA TAM OTURT
   SADECE aygpg-types ALANINA ETKİ EDER
========================================================== */


/* Kart dış yapısı */
.aygpg-types .aygpg-type-card > .vc_column-inner{
    padding:0 !important;
    overflow:hidden !important;

    border-radius:10px !important;

    background:#fff !important;
}


/* WPBakery ana wrapper */
.aygpg-types .aygpg-type-card >
.vc_column-inner >
.wpb_wrapper{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
}


/* Single Image elementi */
.aygpg-types .aygpg-type-card .wpb_single_image{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    line-height:0 !important;

    overflow:hidden !important;
}


/* WPBakery'nin image wrapper'ı */
.aygpg-types .aygpg-type-card
.wpb_single_image > .wpb_wrapper{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* Figure oluşursa */
.aygpg-types .aygpg-type-card
.wpb_single_image figure{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
}


/* Asıl image wrapper */
.aygpg-types .aygpg-type-card
.vc_single_image-wrapper{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
}


/* GÖRSEL */
.aygpg-types .aygpg-type-card img{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    height:250px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    object-fit:cover !important;
    object-position:center center !important;
}


/* Sadece kartın üst köşeleri radiuslu kalsın */
.aygpg-types .aygpg-type-card
.wpb_single_image{
    border-radius:9px 9px 0 0 !important;
}


/* Görsel zoom hover varsa düzgün kalsın */
.aygpg-types .aygpg-type-card:hover img{
    transform:scale(1.035) !important;
}


/* ==========================================================
   BEYAZ YAZI ALANI
========================================================== */

.aygpg-types .aygpg-type-card
.wpb_text_column{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


.aygpg-types .aygpg-type-card
.wpb_text_column > .wpb_wrapper{
    width:100% !important;

    padding:24px 28px 26px !important;

    margin:0 !important;

    box-sizing:border-box !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .aygpg-types .aygpg-type-card img{
        height:235px !important;
    }

}


/* ==========================================================
   MOBİL
========================================================== */

@media(max-width:767px){

    .aygpg-types .aygpg-type-card img{
        height:220px !important;
    }

    .aygpg-types .aygpg-type-card
    .wpb_text_column > .wpb_wrapper{
        padding:21px 21px 23px !important;
    }

}

/* ==========================================================
   UYGULAMALARIMIZDAN İLHAM ALIN
   GÖRSEL KARTLARI TAM KAPLAMA DÜZELTMESİ
========================================================== */

/* Row genel */
.aygpg-ilham-alani{
    position:relative !important;
}

/* Kart kolonları */
.aygpg-ilham-alani .wpb_column{
    margin-bottom:0 !important;
}

/* Kart iç alanı */
.aygpg-ilham-alani .wpb_column > .vc_column-inner{
    padding:0 !important;
    overflow:hidden !important;
    border-radius:10px !important; /* istersen bunu kaldırırsın */
    background:transparent !important;
    box-shadow:none !important;
}

/* Wrapper */
.aygpg-ilham-alani .wpb_column > .vc_column-inner > .wpb_wrapper{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* Single image alanı */
.aygpg-ilham-alani .wpb_single_image{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    line-height:0 !important;
}

.aygpg-ilham-alani .wpb_single_image .wpb_wrapper{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:none !important;
}

.aygpg-ilham-alani .wpb_single_image figure{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:none !important;
}

.aygpg-ilham-alani .vc_single_image-wrapper{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:none !important;
    display:block !important;
    border:none !important;
    border-radius:0 !important;
    overflow:hidden !important;
}

/* Asıl görsel */
.aygpg-ilham-alani .vc_single_image-wrapper img{
    display:block !important;
    width:100% !important;
    height:395px !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

/* Üstteki lacivert şerit / boşluk görünmesin */
.aygpg-ilham-alani .wpb_column .wpb_text_column,
.aygpg-ilham-alani .wpb_column .wpb_raw_code,
.aygpg-ilham-alani .wpb_column .wpb_content_element{
    margin-bottom:0 !important;
}

/* Eğer kart üzerine yazı bindiriyorsan */
.aygpg-ilham-alani .ilham-kart-yazi{
    position:absolute !important;
    left:26px !important;
    bottom:24px !important;
    z-index:3 !important;
    width:calc(100% - 52px) !important;
}

/* Hafif koyu overlay, yazı okunaklı olsun */
.aygpg-ilham-alani .wpb_column > .vc_column-inner > .wpb_wrapper::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:45%;
    background:linear-gradient(to top, rgba(3,18,36,.72) 0%, rgba(3,18,36,.30) 45%, rgba(3,18,36,0) 100%);
    pointer-events:none;
    z-index:1;
}

/* İçerik overlay üstünde kalsın */
.aygpg-ilham-alani .wpb_column .wpb_text_column,
.aygpg-ilham-alani .wpb_column .ilham-kart-yazi,
.aygpg-ilham-alani .wpb_column .vc_btn3-container{
    position:relative !important;
    z-index:2 !important;
}

/* Mobil */
@media(max-width:767px){
    .aygpg-ilham-alani .vc_single_image-wrapper img{
        height:280px !important;
    }
}

/* ==========================================================
   PERGOLA - UYGULAMALARIMIZDAN İLHAM ALIN
   FINAL GÖRSEL + OVERLAY DÜZELTMESİ
   SADECE GALERİ KARTLARINA ETKİ EDER
========================================================== */


/* KART */
.aygpg-gallery .aygpg-gallery-card > .vc_column-inner{
    position:relative !important;

    width:100% !important;
    height:395px !important;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;

    background:transparent !important;

    border-radius:7px !important;
}


/* Ana wrapper */
.aygpg-gallery .aygpg-gallery-card >
.vc_column-inner >
.wpb_wrapper{
    position:relative !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:transparent !important;
}


/* ==========================================================
   GÖRSEL
========================================================== */

.aygpg-gallery .aygpg-gallery-card .wpb_single_image{
    position:absolute !important;

    z-index:1 !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    line-height:0 !important;

    background:transparent !important;
}


.aygpg-gallery .aygpg-gallery-card
.wpb_single_image > .wpb_wrapper{
    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;
}


.aygpg-gallery .aygpg-gallery-card
.vc_single_image-wrapper{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


.aygpg-gallery .aygpg-gallery-card img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center center !important;

    border:0 !important;
    border-radius:0 !important;

    transition:transform .5s ease !important;
}


/* Hover */
.aygpg-gallery .aygpg-gallery-card:hover img{
    transform:scale(1.045) !important;
}


/* ==========================================================
   ALT GRADIENT
========================================================== */

.aygpg-gallery .aygpg-gallery-card >
.vc_column-inner:after{
    content:"" !important;

    position:absolute !important;

    z-index:2 !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;
    height:55% !important;

    background:
        linear-gradient(
            to top,
            rgba(3,20,38,.92) 0%,
            rgba(3,20,38,.65) 35%,
            rgba(3,20,38,.22) 70%,
            rgba(3,20,38,0) 100%
        ) !important;

    pointer-events:none !important;
}


/* Önceki ilham CSS'indeki ekstra pseudo elementi iptal et */
.aygpg-ilham-alani
.aygpg-gallery-card >
.vc_column-inner >
.wpb_wrapper:after{
    display:none !important;
}


/* ==========================================================
   YAZI ALANI
========================================================== */

.aygpg-gallery .aygpg-gallery-card
.wpb_text_column{
    position:absolute !important;

    z-index:5 !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


.aygpg-gallery .aygpg-gallery-card
.wpb_text_column > .wpb_wrapper{
    width:100% !important;

    margin:0 !important;

    padding:
        24px
        25px
        25px !important;

    background:transparent !important;
}


/* PERGOLA küçük başlık */
.aygpg-gallery .aygpg-gallery-card span{
    display:block !important;

    margin:0 0 7px !important;

    color:#e0ad49 !important;

    font-size:10px !important;
    line-height:1.2 !important;

    font-weight:800 !important;

    letter-spacing:1.2px !important;

    text-transform:uppercase !important;
}


/* Proje adı */
.aygpg-gallery .aygpg-gallery-card h3{
    margin:0 !important;
    padding:0 !important;

    color:#ffffff !important;

    font-size:18px !important;
    line-height:1.3 !important;

    font-weight:700 !important;

    text-shadow:
        0 2px 8px
        rgba(0,0,0,.25) !important;
}


/* ==========================================================
   WPBAKERY'NİN EKSTRA BOŞLUKLARINI KALDIR
========================================================== */

.aygpg-gallery .aygpg-gallery-card
.wpb_content_element{
    margin-bottom:0 !important;
}


.aygpg-gallery .aygpg-gallery-card figure{
    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .aygpg-gallery .aygpg-gallery-card > .vc_column-inner{
        height:350px !important;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

    .aygpg-gallery .aygpg-gallery-card > .vc_column-inner{
        height:300px !important;
    }

    .aygpg-gallery .aygpg-gallery-card
    .wpb_text_column > .wpb_wrapper{
        padding:
            20px
            20px
            21px !important;
    }

    .aygpg-gallery .aygpg-gallery-card h3{
        font-size:16px !important;
    }

}

/* ==========================================================
   PERGOLA GALERİ - FINAL BOYUT DÜZELTMESİ
   SADECE "UYGULAMALARIMIZDAN İLHAM ALIN"
========================================================== */


/* Kartı tekrar yatay ve kompakt yap */
.aygpg-gallery .aygpg-gallery-card > .vc_column-inner{
    position:relative !important;

    width:100% !important;
    height:280px !important;
    min-height:280px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border-radius:7px !important;
    background:transparent !important;
}


/* Ana wrapper kart yüksekliğini aşmasın */
.aygpg-gallery .aygpg-gallery-card >
.vc_column-inner >
.wpb_wrapper{
    position:relative !important;

    width:100% !important;
    height:280px !important;
    min-height:280px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
}


/* Görsel tüm kartı kaplasın */
.aygpg-gallery .aygpg-gallery-card .wpb_single_image{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:280px !important;

    margin:0 !important;
    padding:0 !important;

    z-index:1 !important;
}


.aygpg-gallery .aygpg-gallery-card
.wpb_single_image > .wpb_wrapper,
.aygpg-gallery .aygpg-gallery-card
.vc_single_image-wrapper{
    display:block !important;

    width:100% !important;
    height:280px !important;

    margin:0 !important;
    padding:0 !important;
}


.aygpg-gallery .aygpg-gallery-card img{
    display:block !important;

    width:100% !important;
    height:280px !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center center !important;

    border:0 !important;
    border-radius:0 !important;
}


/* Önceki büyük koyu alanı tamamen kaldır */
.aygpg-gallery .aygpg-gallery-card >
.vc_column-inner:before{
    display:none !important;
}


/* Sadece ALTTA hafif gradient */
.aygpg-gallery .aygpg-gallery-card >
.vc_column-inner:after{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    z-index:2 !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;
    height:42% !important;

    background:
        linear-gradient(
            to top,
            rgba(3,20,38,.88) 0%,
            rgba(3,20,38,.52) 45%,
            rgba(3,20,38,0) 100%
        ) !important;

    pointer-events:none !important;
}


/* Önceden wrapper'a eklenen gradient varsa kapat */
.aygpg-gallery .aygpg-gallery-card >
.vc_column-inner >
.wpb_wrapper:after{
    display:none !important;
}


/* ==========================================================
   YAZI AYNI YERDE: SOL ALT
========================================================== */

.aygpg-gallery .aygpg-gallery-card
.wpb_text_column{
    position:absolute !important;

    z-index:5 !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


.aygpg-gallery .aygpg-gallery-card
.wpb_text_column > .wpb_wrapper{
    width:100% !important;

    margin:0 !important;

    padding:
        18px
        20px
        19px !important;

    background:transparent !important;
}


/* PERGOLA */
.aygpg-gallery .aygpg-gallery-card span{
    display:block !important;

    margin:0 0 6px !important;

    color:#d6a548 !important;

    font-size:9px !important;
    line-height:1.2 !important;

    font-weight:800 !important;
    letter-spacing:1.2px !important;
}


/* Proje adı */
.aygpg-gallery .aygpg-gallery-card h3{
    margin:0 !important;
    padding:0 !important;

    color:#fff !important;

    font-size:16px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}


/* Hover */
.aygpg-gallery .aygpg-gallery-card:hover img{
    transform:scale(1.025) !important;
}


/* TABLET */
@media(max-width:1024px){

    .aygpg-gallery .aygpg-gallery-card > .vc_column-inner,
    .aygpg-gallery .aygpg-gallery-card > .vc_column-inner > .wpb_wrapper,
    .aygpg-gallery .aygpg-gallery-card .wpb_single_image,
    .aygpg-gallery .aygpg-gallery-card .wpb_single_image > .wpb_wrapper,
    .aygpg-gallery .aygpg-gallery-card .vc_single_image-wrapper,
    .aygpg-gallery .aygpg-gallery-card img{
        height:250px !important;
        min-height:250px !important;
    }

}


/* MOBİL */
@media(max-width:767px){

    .aygpg-gallery .aygpg-gallery-card > .vc_column-inner,
    .aygpg-gallery .aygpg-gallery-card > .vc_column-inner > .wpb_wrapper,
    .aygpg-gallery .aygpg-gallery-card .wpb_single_image,
    .aygpg-gallery .aygpg-gallery-card .wpb_single_image > .wpb_wrapper,
    .aygpg-gallery .aygpg-gallery-card .vc_single_image-wrapper,
    .aygpg-gallery .aygpg-gallery-card img{
        height:240px !important;
        min-height:240px !important;
    }

}

/* ==========================================================
   PERGOLA GALERİ
   ÜSTTEKİ KOYU KATMANI TAMAMEN KALDIR
   ÖLÇÜLERE DOKUNMAZ
========================================================== */

/* Eski bütün overlay katmanlarını iptal et */
.aygpg-gallery .aygpg-gallery-card > .vc_column-inner:before,
.aygpg-gallery .aygpg-gallery-card > .vc_column-inner:after,
.aygpg-gallery .aygpg-gallery-card > .vc_column-inner > .wpb_wrapper:before,
.aygpg-gallery .aygpg-gallery-card > .vc_column-inner > .wpb_wrapper:after{
    content:none !important;
    display:none !important;
    background:none !important;
}


/* Görsel kendi doğal parlaklığında kalsın */
.aygpg-gallery .aygpg-gallery-card img{
    opacity:1 !important;
    filter:none !important;
}


/* Yazı alanında SADECE alt tarafta hafif gradient */
.aygpg-gallery .aygpg-gallery-card .wpb_text_column{
    position:absolute !important;
    z-index:5 !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    margin:0 !important;
    padding:0 !important;

    background:
        linear-gradient(
            to top,
            rgba(3,20,38,.82) 0%,
            rgba(3,20,38,.42) 55%,
            rgba(3,20,38,0) 100%
        ) !important;
}


/* Yazı alanının yüksekliği gereksiz büyümesin */
.aygpg-gallery .aygpg-gallery-card
.wpb_text_column > .wpb_wrapper{
    padding:
        42px
        20px
        18px !important;

    margin:0 !important;

    background:transparent !important;
}

/* ==========================================================
   AYG YAPI SİSTEMLERİ
   KIŞ BAHÇESİ İÇ SAYFASI
   WOODMART + WPBAKERY
   ----------------------------------------------------------
   MEVCUT CSS'LERİN EN ALTINA EKLE
   SADECE aygkb- CLASS'LARINA ETKİ EDER
========================================================== */

:root{
    --aygkb-navy:#061d34;
    --aygkb-dark:#031426;
    --aygkb-blue:#082944;
    --aygkb-gold:#d6a548;
    --aygkb-gold-light:#e7bd70;
    --aygkb-text:#647181;
    --aygkb-border:#e1e6eb;
    --aygkb-light:#f7f8f9;
}


/* ==========================================================
   GENEL
========================================================== */

.aygkb-eyebrow{
    display:block;
    margin:0 0 11px!important;

    color:var(--aygkb-gold)!important;

    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:1.5px!important;
    text-transform:uppercase!important;
}


.aygkb-section-title{
    max-width:820px;
    margin:0 auto 42px!important;
    text-align:center;
}


.aygkb-section-title h2{
    margin:0 0 13px!important;

    color:var(--aygkb-navy)!important;

    font-size:38px!important;
    line-height:1.15!important;
    font-weight:700!important;
}


.aygkb-section-title > .wpb_wrapper > p:not(.aygkb-eyebrow){
    max-width:700px;

    margin:0 auto!important;

    color:var(--aygkb-text)!important;

    font-size:14px!important;
    line-height:1.75!important;
}


.aygkb-section-title-light h2{
    color:#fff!important;
}


/* ==========================================================
   HERO
========================================================== */

.aygkb-hero{
    position:relative!important;

    min-height:540px!important;

    display:flex!important;
    align-items:center!important;

    overflow:hidden!important;

    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
}


.aygkb-hero:before{
    content:"";

    position:absolute;
    z-index:1;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.94) 36%,
            rgba(4,28,49,.58) 62%,
            rgba(4,28,49,.10) 100%
        );

    pointer-events:none;
}


.aygkb-hero > .wpb_column{
    position:relative;
    z-index:2;

    width:100%!important;
}


.aygkb-hero-content > .vc_column-inner{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:90px 0!important;
}


.aygkb-hero-content > .vc_column-inner > .wpb_wrapper{
    max-width:690px!important;
}


/* breadcrumb */

.aygkb-breadcrumb{
    margin:0 0 27px!important;

    color:rgba(255,255,255,.56)!important;

    font-size:10.5px!important;
    line-height:1.4!important;
}


.aygkb-breadcrumb a{
    color:rgba(255,255,255,.72)!important;
    text-decoration:none!important;
}


.aygkb-breadcrumb a:first-child{
    color:var(--aygkb-gold)!important;
}


.aygkb-breadcrumb span{
    display:inline-block;
    margin:0 7px;
    opacity:.45;
}


/* hero title */

.aygkb-hero h1{
    margin:0 0 18px!important;

    color:#fff!important;

    font-size:55px!important;
    line-height:1.05!important;
    font-weight:700!important;
}


.aygkb-hero h1:after{
    content:"";

    display:block;

    width:52px;
    height:2px;

    margin-top:22px;

    background:var(--aygkb-gold);
}


.aygkb-hero-desc{
    max-width:620px;

    margin:0!important;

    color:rgba(255,255,255,.80)!important;

    font-size:15px!important;
    line-height:1.75!important;
}


.aygkb-hero .vc_btn3-container{
    display:inline-block!important;
    margin:24px 8px 0 0!important;
}


/* ==========================================================
   BUTONLAR
========================================================== */

.aygkb-gold-button .vc_btn3{
    padding:15px 22px!important;

    border:0!important;
    border-radius:0!important;

    background:var(--aygkb-gold)!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}


.aygkb-gold-button .vc_btn3:hover{
    background:#fff!important;
    color:var(--aygkb-navy)!important;
}


.aygkb-outline-button .vc_btn3{
    padding:14px 22px!important;

    border:1px solid rgba(255,255,255,.65)!important;
    border-radius:0!important;

    background:transparent!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}


.aygkb-outline-button .vc_btn3:hover{
    background:#fff!important;
    color:var(--aygkb-navy)!important;
}


/* ==========================================================
   HERO ALTINDA 3'LÜ GÜVEN ALANI
========================================================== */

.aygkb-trust-wrap{
    position:relative!important;
    z-index:20!important;
}


.aygkb-trust-wrap > .wpb_column > .vc_column-inner{
    padding:0 20px!important;
}


.aygkb-trust-row{
    max-width:1180px!important;

    margin:-40px auto 0!important;
    padding:20px 24px!important;

    background:#fff!important;

    border-radius:9px!important;

    box-shadow:
        0 16px 45px
        rgba(5,28,49,.12)!important;
}


.aygkb-trust-col > .vc_column-inner{
    min-height:78px!important;

    padding:3px 30px!important;

    display:flex!important;
    align-items:center!important;
}


.aygkb-trust-col + .aygkb-trust-col > .vc_column-inner{
    border-left:1px solid #e1e5e8!important;
}


.aygkb-trust-info{
    width:100%!important;
    margin:0!important;
}


.aygkb-trust-info .info-box-inner{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;

    text-align:left!important;
}


.aygkb-trust-info .box-icon-wrapper{
    flex:0 0 55px!important;
    width:55px!important;

    margin:0 16px 0 0!important;
}


.aygkb-trust-info .info-box-icon img{
    display:block!important;

    width:50px!important;
    height:50px!important;

    object-fit:contain!important;
}


.aygkb-trust-info .info-box-content{
    text-align:left!important;
}


.aygkb-trust-info .info-box-title{
    margin:0 0 5px!important;

    color:var(--aygkb-navy)!important;

    font-size:11px!important;
    line-height:1.3!important;
    font-weight:800!important;
}


.aygkb-trust-info .info-box-content p{
    margin:0!important;

    color:#697580!important;

    font-size:10.5px!important;
    line-height:1.45!important;
}


/* ==========================================================
   INTRO
========================================================== */

.aygkb-intro{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:100px 0 90px!important;
}


.aygkb-intro-text > .vc_column-inner{
    padding:0 65px 0 0!important;
}


.aygkb-intro-text h2{
    margin:0 0 22px!important;

    color:var(--aygkb-navy)!important;

    font-size:42px!important;
    line-height:1.12!important;
    font-weight:700!important;
}


.aygkb-intro-text h2:after{
    content:"";

    display:block;

    width:42px;
    height:2px;

    margin-top:19px;

    background:var(--aygkb-gold);
}


.aygkb-intro-text p:not(.aygkb-eyebrow){
    color:var(--aygkb-text)!important;

    font-size:14px!important;
    line-height:1.85!important;
}


.aygkb-intro-image > .vc_column-inner{
    padding:0!important;
}


.aygkb-intro-image .wpb_single_image{
    margin:0!important;
}


.aygkb-intro-image img{
    display:block!important;

    width:100%!important;
    height:470px!important;

    object-fit:cover!important;
    object-position:center center!important;

    border-radius:5px!important;
}


/* ==========================================================
   AVANTAJLAR
========================================================== */

.aygkb-benefits{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:20px 0 95px!important;
}


.aygkb-benefit-row{
    margin:0 -8px 16px!important;
}


.aygkb-benefit-card{
    padding:0 8px!important;
}


.aygkb-benefit-card > .vc_column-inner{
    height:100%!important;
    padding:0!important;
}


.aygkb-benefit-card .wpb_text_column{
    height:100%!important;
    margin:0!important;
}


.aygkb-benefit-card .wpb_wrapper{
    position:relative!important;

    min-height:200px!important;

    padding:26px 27px!important;

    background:#fff!important;

    border:1px solid var(--aygkb-border)!important;
    border-radius:7px!important;

    transition:.3s ease!important;
}


.aygkb-benefit-card:hover .wpb_wrapper{
    transform:translateY(-5px)!important;

    border-color:rgba(214,165,72,.65)!important;

    box-shadow:
        0 15px 35px
        rgba(6,29,52,.08)!important;
}


.aygkb-benefit-no{
    position:absolute!important;

    top:20px!important;
    right:22px!important;

    color:#edf0f2!important;

    font-size:32px!important;
    line-height:1!important;
    font-weight:800!important;
}


.aygkb-benefit-card h3{
    position:relative!important;
    z-index:2!important;

    margin:0 0 10px!important;

    color:var(--aygkb-navy)!important;

    font-size:16px!important;
    line-height:1.3!important;
    font-weight:800!important;
}


.aygkb-benefit-card p{
    max-width:310px!important;

    margin:0!important;

    color:#697681!important;

    font-size:12px!important;
    line-height:1.7!important;
}


/* ==========================================================
   SİSTEM SEÇENEKLERİ
   KOYU ZEMİN + BEYAZ KART
========================================================== */

.aygkb-types{
    position:relative!important;

    padding:80px 25px 90px!important;

    overflow:hidden!important;

    background:
        radial-gradient(
            circle at 50% -20%,
            rgba(22,74,112,.34) 0%,
            rgba(6,29,52,0) 43%
        ),
        linear-gradient(
            135deg,
            #041525 0%,
            #061d34 56%,
            #072641 100%
        )!important;
}


.aygkb-types > .wpb_column > .vc_column-inner{
    width:100%!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:0!important;
}


.aygkb-types .aygkb-section-title{
    max-width:850px!important;
    margin:0 auto 38px!important;
}


.aygkb-types .aygkb-section-title h2{
    color:#fff!important;
}


/* kart satırı */

.aygkb-types .aygkb-type-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;

    gap:20px!important;

    margin:0!important;
    padding:0!important;
}


.aygkb-types .aygkb-type-row:before,
.aygkb-types .aygkb-type-row:after{
    display:none!important;
}


/* kart kolonları */

.aygkb-types .aygkb-type-card{
    flex:0 0 calc((100% - 40px) / 3)!important;

    width:calc((100% - 40px) / 3)!important;
    min-width:calc((100% - 40px) / 3)!important;
    max-width:calc((100% - 40px) / 3)!important;

    margin:0!important;
    padding:0!important;

    float:none!important;
}


/* kart */

.aygkb-types .aygkb-type-card > .vc_column-inner{
    position:relative!important;

    width:100%!important;

    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    background:#fff!important;

    border:1px solid rgba(214,165,72,.32)!important;
    border-radius:10px!important;

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.14)!important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease!important;
}


.aygkb-types .aygkb-type-card:hover > .vc_column-inner{
    transform:translateY(-5px)!important;

    border-color:rgba(214,165,72,.80)!important;

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.20)!important;
}


.aygkb-types .aygkb-type-card >
.vc_column-inner >
.wpb_wrapper{
    width:100%!important;

    margin:0!important;
    padding:0!important;
}


/* ==========================================================
   SİSTEM KARTI GÖRSEL
   KENARDAN KENARA
========================================================== */

.aygkb-types .aygkb-type-card .wpb_single_image{
    width:100%!important;

    margin:0!important;
    padding:0!important;

    line-height:0!important;

    overflow:hidden!important;
}


.aygkb-types .aygkb-type-card
.wpb_single_image > .wpb_wrapper{
    width:100%!important;

    margin:0!important;
    padding:0!important;
}


.aygkb-types .aygkb-type-card
.vc_single_image-wrapper{
    display:block!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;
}


.aygkb-types .aygkb-type-card img{
    display:block!important;

    width:100%!important;
    max-width:none!important;

    height:245px!important;

    margin:0!important;
    padding:0!important;

    object-fit:cover!important;
    object-position:center center!important;

    border:0!important;
    border-radius:0!important;

    transition:transform .5s ease!important;
}


.aygkb-types .aygkb-type-card:hover img{
    transform:scale(1.04)!important;
}


/* ==========================================================
   SİSTEM KARTI YAZI
========================================================== */

.aygkb-types .aygkb-type-card .wpb_text_column{
    width:100%!important;

    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:#fff!important;
}


.aygkb-types .aygkb-type-card
.wpb_text_column > .wpb_wrapper{
    display:flex!important;
    flex-direction:column!important;

    align-items:flex-start!important;

    height:auto!important;
    min-height:175px!important;

    margin:0!important;

    padding:
        24px
        28px
        26px!important;

    background:#fff!important;
}


.aygkb-types .aygkb-type-card h3{
    width:100%!important;

    margin:0 0 9px!important;
    padding:0!important;

    color:var(--aygkb-navy)!important;

    font-size:17px!important;
    line-height:1.35!important;
    font-weight:800!important;
}


.aygkb-types .aygkb-type-card p{
    width:100%!important;

    min-height:0!important;

    margin:0 0 14px!important;
    padding:0!important;

    color:#667483!important;

    font-size:12px!important;
    line-height:1.7!important;
}


.aygkb-types .aygkb-text-link{
    display:inline-flex!important;
    align-items:center!important;

    width:auto!important;

    margin:auto 0 0!important;
    padding:2px 0 0!important;

    color:var(--aygkb-gold)!important;

    font-size:11px!important;
    line-height:1.4!important;
    font-weight:800!important;

    text-decoration:none!important;

    transition:.2s ease!important;
}


.aygkb-types .aygkb-text-link:hover{
    color:var(--aygkb-navy)!important;
    transform:translateX(4px)!important;
}


/* ==========================================================
   KULLANIM ALANLARI
========================================================== */

.aygkb-usage{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:85px 0!important;
}


.aygkb-usage-row{
    display:flex!important;
    flex-wrap:nowrap!important;

    border:1px solid var(--aygkb-border)!important;
    border-radius:7px!important;

    overflow:hidden!important;
}


.aygkb-usage-item{
    border-right:1px solid var(--aygkb-border)!important;
}


.aygkb-usage-item:last-child{
    border-right:0!important;
}


.aygkb-usage-item > .vc_column-inner{
    padding:0!important;
}


.aygkb-usage-item .wpb_text_column{
    margin:0!important;
}


.aygkb-usage-item .wpb_wrapper{
    min-height:115px!important;

    display:flex!important;
    flex-direction:column!important;

    align-items:center!important;
    justify-content:center!important;

    text-align:center!important;

    background:#fff!important;

    transition:.25s ease!important;
}


.aygkb-usage-item:hover .wpb_wrapper{
    background:#f9f7f2!important;
}


.aygkb-usage-item span{
    margin-bottom:7px!important;

    color:var(--aygkb-gold)!important;

    font-size:11px!important;
    font-weight:800!important;
}


.aygkb-usage-item strong{
    color:var(--aygkb-navy)!important;

    font-size:12px!important;
    font-weight:800!important;
}


/* ==========================================================
   TEKNİK BÖLÜM
========================================================== */

.aygkb-tech{
    background:#f5f6f7!important;
}


.aygkb-tech > .wpb_column{
    min-height:560px!important;
}


.aygkb-tech-content > .vc_column-inner{
    min-height:560px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-end!important;

    padding:65px 65px 65px 30px!important;
}


.aygkb-tech-content >
.vc_column-inner >
.wpb_wrapper{
    width:100%!important;
    max-width:590px!important;
}


.aygkb-tech-content h2{
    margin:0 0 21px!important;

    color:var(--aygkb-navy)!important;

    font-size:39px!important;
    line-height:1.13!important;
    font-weight:700!important;
}


.aygkb-tech-content p:not(.aygkb-eyebrow){
    color:#65727d!important;

    font-size:13.5px!important;
    line-height:1.8!important;
}


/* checklist */

.aygkb-check-list{
    list-style:none!important;

    margin:23px 0 0!important;
    padding:0!important;

    display:grid!important;

    grid-template-columns:
        1fr
        1fr!important;

    gap:11px 18px!important;
}


.aygkb-check-list li{
    position:relative!important;

    padding-left:22px!important;

    color:var(--aygkb-navy)!important;

    font-size:11px!important;
    line-height:1.4!important;
    font-weight:700!important;
}


.aygkb-check-list li:before{
    content:"✓";

    position:absolute;

    left:0;
    top:0;

    color:var(--aygkb-gold)!important;

    font-weight:900!important;
}


/* teknik görsel */

.aygkb-tech-image{
    overflow:hidden!important;

    clip-path:
        polygon(
            10% 0,
            100% 0,
            100% 100%,
            0 100%
        )!important;
}


.aygkb-tech-image > .vc_column-inner{
    height:560px!important;
    padding:0!important;
}


.aygkb-tech-image .wpb_wrapper,
.aygkb-tech-image .wpb_single_image,
.aygkb-tech-image .vc_single_image-wrapper{
    display:block!important;

    width:100%!important;
    height:100%!important;

    margin:0!important;
    padding:0!important;
}


.aygkb-tech-image img{
    display:block!important;

    width:100%!important;
    height:560px!important;

    object-fit:cover!important;
    object-position:center!important;
}


/* ==========================================================
   UYGULAMA SÜRECİ
========================================================== */

.aygkb-process{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:85px 0 90px!important;
}


.aygkb-process-row{
    display:flex!important;
    flex-wrap:nowrap!important;
}


.aygkb-step{
    position:relative!important;
    text-align:center!important;
}


.aygkb-step:not(:last-child):after{
    content:"";

    position:absolute;

    top:35px;
    left:65%;

    width:70%;

    border-top:
        1px
        solid
        rgba(214,165,72,.50);
}


.aygkb-step-circle{
    position:relative;
    z-index:2;

    width:70px;
    height:70px;

    margin:0 auto 17px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--aygkb-navy);

    color:var(--aygkb-gold);

    font-size:12px;
    font-weight:800;
}


.aygkb-step h3{
    margin:0 0 7px!important;

    color:var(--aygkb-navy)!important;

    font-size:13px!important;
    font-weight:800!important;
}


.aygkb-step p{
    max-width:160px;

    margin:0 auto!important;

    color:#77828b!important;

    font-size:10px!important;
    line-height:1.55!important;
}


/* ==========================================================
   GALERİ
   UYGULAMALARIMIZDAN İLHAM ALIN
========================================================== */

.aygkb-gallery{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:20px 0 85px!important;
}


.aygkb-gallery-row{
    margin:0 -8px!important;
}


.aygkb-gallery-card{
    padding:0 8px!important;
}


/* kart ölçüsü */

.aygkb-gallery-card > .vc_column-inner{
    position:relative!important;

    width:100%!important;
    height:280px!important;
    min-height:280px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border-radius:7px!important;

    background:transparent!important;
}


.aygkb-gallery-card >
.vc_column-inner >
.wpb_wrapper{
    position:relative!important;

    width:100%!important;
    height:280px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;
}


/* ==========================================================
   GALERİ GÖRSEL
========================================================== */

.aygkb-gallery-card .wpb_single_image{
    position:absolute!important;

    z-index:1!important;

    inset:0!important;

    width:100%!important;
    height:280px!important;

    margin:0!important;
    padding:0!important;

    line-height:0!important;
}


.aygkb-gallery-card
.wpb_single_image > .wpb_wrapper,
.aygkb-gallery-card
.vc_single_image-wrapper{
    display:block!important;

    width:100%!important;
    height:280px!important;

    margin:0!important;
    padding:0!important;
}


.aygkb-gallery-card img{
    display:block!important;

    width:100%!important;
    height:280px!important;

    max-width:none!important;

    margin:0!important;
    padding:0!important;

    object-fit:cover!important;
    object-position:center!important;

    border:0!important;
    border-radius:0!important;

    opacity:1!important;
    filter:none!important;

    transition:transform .5s ease!important;
}


.aygkb-gallery-card:hover img{
    transform:scale(1.025)!important;
}


/* Eski veya tema overlay'lerini kapat */

.aygkb-gallery-card > .vc_column-inner:before,
.aygkb-gallery-card > .vc_column-inner:after,
.aygkb-gallery-card >
.vc_column-inner >
.wpb_wrapper:before,
.aygkb-gallery-card >
.vc_column-inner >
.wpb_wrapper:after{
    content:none!important;
    display:none!important;
}


/* ==========================================================
   GALERİ YAZI + SADECE ALT GRADIENT
========================================================== */

.aygkb-gallery-card .wpb_text_column{
    position:absolute!important;

    z-index:5!important;

    left:0!important;
    right:0!important;
    bottom:0!important;

    width:100%!important;

    margin:0!important;
    padding:0!important;

    background:
        linear-gradient(
            to top,
            rgba(3,20,38,.82) 0%,
            rgba(3,20,38,.40) 58%,
            rgba(3,20,38,0) 100%
        )!important;
}


.aygkb-gallery-card
.wpb_text_column >
.wpb_wrapper{
    width:100%!important;

    margin:0!important;

    padding:
        42px
        20px
        18px!important;

    background:transparent!important;
}


.aygkb-gallery-card span{
    display:block!important;

    margin:0 0 6px!important;

    color:var(--aygkb-gold)!important;

    font-size:9px!important;
    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:1.2px!important;
}


.aygkb-gallery-card h3{
    margin:0!important;
    padding:0!important;

    color:#fff!important;

    font-size:16px!important;
    line-height:1.25!important;
    font-weight:700!important;
}


.aygkb-gallery-button{
    margin-top:27px!important;
}


.aygkb-gallery-button .vc_btn3{
    border-color:var(--aygkb-navy)!important;
    border-radius:0!important;

    color:var(--aygkb-navy)!important;

    font-size:10px!important;
    font-weight:800!important;
}


/* ==========================================================
   FAQ
========================================================== */

.aygkb-faq{
    padding:75px 25px 80px!important;

    background:
        linear-gradient(
            135deg,
            #041525,
            #06233d
        )!important;
}


.aygkb-faq >
.wpb_column >
.vc_column-inner{
    max-width:1050px!important;

    margin:0 auto!important;
    padding:0!important;
}


.aygkb-faq-item{
    margin:0 0 9px!important;

    background:transparent!important;

    border:
        1px solid
        rgba(255,255,255,.20)!important;

    transition:.2s ease!important;
}


.aygkb-faq-item:hover,
.aygkb-faq-item.vc_toggle_active{
    border-color:
        rgba(214,165,72,.65)!important;

    background:
        rgba(255,255,255,.02)!important;
}


.aygkb-faq-item .vc_toggle_title{
    padding:15px 48px 15px 18px!important;
}


.aygkb-faq-item .vc_toggle_title h4{
    color:#fff!important;

    font-size:11.5px!important;
    line-height:1.4!important;
    font-weight:600!important;
}


.aygkb-faq-item .vc_toggle_icon{
    right:18px!important;
    left:auto!important;

    border-color:var(--aygkb-gold)!important;
}


.aygkb-faq-item .vc_toggle_icon:before,
.aygkb-faq-item .vc_toggle_icon:after{
    border-color:var(--aygkb-gold)!important;
}


.aygkb-faq-item .vc_toggle_content{
    margin:0!important;

    padding:0 18px 17px!important;

    color:rgba(255,255,255,.66)!important;

    font-size:11px!important;
    line-height:1.7!important;
}


/* ==========================================================
   FINAL CTA
========================================================== */

.aygkb-final-cta{
    position:relative!important;

    min-height:420px!important;

    overflow:hidden!important;

    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}


.aygkb-final-cta:before{
    content:"";

    position:absolute;

    z-index:1;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.95) 35%,
            rgba(5,31,53,.65) 60%,
            rgba(5,31,53,.10) 100%
        );
}


.aygkb-final-cta > .wpb_column{
    position:relative!important;
    z-index:2!important;
}


.aygkb-final-content > .vc_column-inner{
    max-width:650px!important;

    margin-left:auto!important;

    padding:70px 55px 70px 25px!important;
}


.aygkb-final-content h2{
    margin:12px 0 18px!important;

    color:#fff!important;

    font-size:40px!important;
    line-height:1.12!important;
    font-weight:700!important;
}


.aygkb-final-content h2 strong{
    color:var(--aygkb-gold-light)!important;
}


.aygkb-final-content p:not(.aygkb-eyebrow){
    max-width:570px!important;

    color:rgba(255,255,255,.78)!important;

    font-size:13.5px!important;
    line-height:1.75!important;
}


.aygkb-final-content .vc_btn3-container{
    display:inline-block!important;
    margin:15px 8px 0 0!important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .aygkb-hero h1{
        font-size:45px!important;
    }


    .aygkb-intro-text > .vc_column-inner{
        padding-right:35px!important;
    }


    .aygkb-benefit-card{
        width:50%!important;
        margin-bottom:16px!important;
    }


    /* sistem kartları */

    .aygkb-types .aygkb-type-row{
        flex-wrap:wrap!important;
        gap:18px!important;
    }


    .aygkb-types .aygkb-type-card{
        flex:0 0 calc(50% - 9px)!important;

        width:calc(50% - 9px)!important;
        min-width:calc(50% - 9px)!important;
        max-width:calc(50% - 9px)!important;
    }


    .aygkb-types .aygkb-type-card img{
        height:235px!important;
    }


    /* kullanım */

    .aygkb-usage-row{
        flex-wrap:wrap!important;
    }


    .aygkb-usage-item{
        width:33.333%!important;
        border-bottom:1px solid var(--aygkb-border)!important;
    }


    /* süreç */

    .aygkb-process-row{
        flex-wrap:wrap!important;
    }


    .aygkb-step{
        width:33.333%!important;
        margin-bottom:38px!important;
    }


    .aygkb-step:after{
        display:none!important;
    }


    /* galeri */

    .aygkb-gallery-card > .vc_column-inner,
    .aygkb-gallery-card >
    .vc_column-inner >
    .wpb_wrapper,
    .aygkb-gallery-card .wpb_single_image,
    .aygkb-gallery-card
    .wpb_single_image > .wpb_wrapper,
    .aygkb-gallery-card
    .vc_single_image-wrapper,
    .aygkb-gallery-card img{
        height:250px!important;
        min-height:250px!important;
    }

}


/* ==========================================================
   MOBİL
========================================================== */

@media(max-width:767px){

    .aygkb-section-title h2{
        font-size:29px!important;
    }


    /* hero */

    .aygkb-hero{
        min-height:470px!important;
        background-position:65% center!important;
    }


    .aygkb-hero:before{
        background:rgba(3,20,38,.88)!important;
    }


    .aygkb-hero-content > .vc_column-inner{
        width:calc(100% - 30px)!important;
        padding:65px 0!important;
    }


    .aygkb-hero h1{
        font-size:36px!important;
    }


    .aygkb-hero-desc{
        font-size:13px!important;
    }


    /* trust */

    .aygkb-trust-wrap >
    .wpb_column >
    .vc_column-inner{
        padding:0 15px!important;
    }


    .aygkb-trust-row{
        margin-top:-20px!important;
        padding:8px 18px!important;
    }


    .aygkb-trust-col{
        width:100%!important;
    }


    .aygkb-trust-col > .vc_column-inner{
        min-height:auto!important;
        padding:18px 3px!important;
    }


    .aygkb-trust-col +
    .aygkb-trust-col >
    .vc_column-inner{
        border-left:0!important;
        border-top:1px solid #e1e5e8!important;
    }


    /* intro */

    .aygkb-intro{
        width:calc(100% - 30px)!important;
        padding:65px 0!important;
    }


    .aygkb-intro > .wpb_column{
        width:100%!important;
    }


    .aygkb-intro-text > .vc_column-inner{
        padding:0!important;
    }


    .aygkb-intro-text h2{
        font-size:31px!important;
    }


    .aygkb-intro-image{
        margin-top:35px!important;
    }


    .aygkb-intro-image img{
        height:320px!important;
    }


    /* avantaj */

    .aygkb-benefits{
        width:calc(100% - 30px)!important;
        padding-bottom:65px!important;
    }


    .aygkb-benefit-card{
        width:100%!important;
        padding:0!important;
    }


    /* sistem */

    .aygkb-types{
        padding:60px 15px!important;
    }


    .aygkb-types .aygkb-type-row{
        display:block!important;
    }


    .aygkb-types .aygkb-type-card{
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;

        margin:0 0 18px!important;
    }


    .aygkb-types .aygkb-type-card:last-child{
        margin-bottom:0!important;
    }


    .aygkb-types .aygkb-type-card img{
        height:220px!important;
    }


    .aygkb-types .aygkb-type-card
    .wpb_text_column > .wpb_wrapper{
        min-height:0!important;

        padding:
            21px
            20px
            23px!important;
    }


    /* kullanım */

    .aygkb-usage{
        width:calc(100% - 30px)!important;
        padding:60px 0!important;
    }


    .aygkb-usage-item{
        width:50%!important;
    }


    /* teknik */

    .aygkb-tech > .wpb_column{
        width:100%!important;
        min-height:auto!important;
    }


    .aygkb-tech-content > .vc_column-inner{
        min-height:auto!important;

        padding:55px 25px!important;

        align-items:flex-start!important;
    }


    .aygkb-tech-content h2{
        font-size:30px!important;
    }


    .aygkb-check-list{
        grid-template-columns:1fr!important;
    }


    .aygkb-tech-image{
        clip-path:none!important;
    }


    .aygkb-tech-image > .vc_column-inner,
    .aygkb-tech-image img{
        height:330px!important;
    }


    /* süreç */

    .aygkb-process{
        width:calc(100% - 30px)!important;
        padding:65px 0!important;
    }


    .aygkb-step{
        width:50%!important;
    }


    /* galeri */

    .aygkb-gallery{
        width:calc(100% - 30px)!important;
        padding-bottom:65px!important;
    }


    .aygkb-gallery-card{
        width:100%!important;

        padding:0!important;

        margin-bottom:16px!important;
    }


    .aygkb-gallery-card > .vc_column-inner,
    .aygkb-gallery-card >
    .vc_column-inner >
    .wpb_wrapper,
    .aygkb-gallery-card .wpb_single_image,
    .aygkb-gallery-card
    .wpb_single_image > .wpb_wrapper,
    .aygkb-gallery-card
    .vc_single_image-wrapper,
    .aygkb-gallery-card img{
        height:240px!important;
        min-height:240px!important;
    }


    /* faq */

    .aygkb-faq{
        padding:60px 15px!important;
    }


    /* final */

    .aygkb-final-cta{
        min-height:auto!important;
    }


    .aygkb-final-cta:before{
        background:rgba(3,20,38,.91)!important;
    }


    .aygkb-final-cta >
    .wpb_column:first-child{
        width:100%!important;
    }


    .aygkb-final-cta >
    .wpb_column:last-child{
        display:none!important;
    }


    .aygkb-final-content > .vc_column-inner{
        max-width:none!important;
        padding:60px 25px!important;
    }


    .aygkb-final-content h2{
        font-size:31px!important;
    }

}


/* ==========================================================
   KÜÇÜK TELEFON
========================================================== */

@media(max-width:480px){

    .aygkb-usage-item,
    .aygkb-step{
        width:100%!important;
    }

}


/* ==========================================================
   AYG YAPI SİSTEMLERİ
   TÜM HİZMET İÇ SAYFALARI - ORTAK MASTER CSS
   ----------------------------------------------------------
   CAM BALKON / PERGOLA / KIŞ BAHÇESİ / GİYOTİN / ...
   YENİ SAYFALARDA "ayg-service-" CLASS YAPISI KULLANILACAK.
   GİYOTİN İÇİN ayggc- CLASS'LARI DA DESTEKLENİYOR.
========================================================== */

:root{
    --ayg-navy:#061d34;
    --ayg-dark:#031426;
    --ayg-blue:#082944;
    --ayg-gold:#d6a548;
    --ayg-gold-light:#e7bd70;
    --ayg-text:#647181;
    --ayg-border:#e1e6eb;
    --ayg-light:#f6f7f8;
}


/* ==========================================================
   ORTAK BAŞLIK STİLİ
========================================================== */

:is(.ayg-service-eyebrow,.ayggc-eyebrow){
    display:block;
    margin:0 0 11px!important;
    color:var(--ayg-gold)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:1.5px!important;
    text-transform:uppercase!important;
}

:is(.ayg-service-section-title,.ayggc-section-title){
    max-width:820px;
    margin:0 auto 42px!important;
    text-align:center;
}

:is(.ayg-service-section-title,.ayggc-section-title) h2{
    margin:0 0 13px!important;
    color:var(--ayg-navy)!important;
    font-size:38px!important;
    line-height:1.15!important;
    font-weight:700!important;
}

:is(.ayg-service-section-title,.ayggc-section-title)
> .wpb_wrapper
> p:not(.ayg-service-eyebrow):not(.ayggc-eyebrow){
    max-width:700px;
    margin:0 auto!important;
    color:var(--ayg-text)!important;
    font-size:14px!important;
    line-height:1.75!important;
}

:is(.ayg-service-section-title-light,.ayggc-section-title-light) h2{
    color:#fff!important;
}


/* ==========================================================
   HERO
========================================================== */

:is(.ayg-service-hero,.ayggc-hero){
    position:relative!important;
    min-height:540px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;

    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}

:is(.ayg-service-hero,.ayggc-hero):before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.94) 36%,
            rgba(4,28,49,.58) 62%,
            rgba(4,28,49,.10) 100%
        );

    pointer-events:none;
}

:is(.ayg-service-hero,.ayggc-hero) > .wpb_column{
    position:relative;
    z-index:2;
    width:100%!important;
}

:is(.ayg-service-hero-content,.ayggc-hero-content) > .vc_column-inner{
    width:calc(100% - 50px)!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding:90px 0!important;
}

:is(.ayg-service-hero-content,.ayggc-hero-content)
> .vc_column-inner
> .wpb_wrapper{
    max-width:690px!important;
}

:is(.ayg-service-breadcrumb,.ayggc-breadcrumb){
    margin:0 0 27px!important;
    color:rgba(255,255,255,.58)!important;
    font-size:10.5px!important;
}

:is(.ayg-service-breadcrumb,.ayggc-breadcrumb) a{
    color:rgba(255,255,255,.74)!important;
    text-decoration:none!important;
}

:is(.ayg-service-breadcrumb,.ayggc-breadcrumb) a:first-child{
    color:var(--ayg-gold)!important;
}

:is(.ayg-service-breadcrumb,.ayggc-breadcrumb) span{
    display:inline-block;
    margin:0 7px;
    opacity:.45;
}

:is(.ayg-service-hero,.ayggc-hero) h1{
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:55px!important;
    line-height:1.05!important;
    font-weight:700!important;
}

:is(.ayg-service-hero,.ayggc-hero) h1:after{
    content:"";
    display:block;
    width:52px;
    height:2px;
    margin-top:22px;
    background:var(--ayg-gold);
}

:is(.ayg-service-hero-desc,.ayggc-hero-desc){
    max-width:620px;
    margin:0!important;
    color:rgba(255,255,255,.80)!important;
    font-size:15px!important;
    line-height:1.75!important;
}

:is(.ayg-service-hero,.ayggc-hero) .vc_btn3-container{
    display:inline-block!important;
    margin:24px 8px 0 0!important;
}


/* ==========================================================
   BUTONLAR
========================================================== */

:is(.ayg-service-gold-button,.ayggc-gold-button) .vc_btn3{
    padding:15px 22px!important;
    border:0!important;
    border-radius:0!important;

    background:var(--ayg-gold)!important;
    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}

:is(.ayg-service-gold-button,.ayggc-gold-button) .vc_btn3:hover{
    background:#fff!important;
    color:var(--ayg-navy)!important;
}

:is(.ayg-service-outline-button,.ayggc-outline-button) .vc_btn3{
    padding:14px 22px!important;

    border:1px solid rgba(255,255,255,.65)!important;
    border-radius:0!important;

    background:transparent!important;
    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
}

:is(.ayg-service-outline-button,.ayggc-outline-button) .vc_btn3:hover{
    background:#fff!important;
    color:var(--ayg-navy)!important;
}


/* ==========================================================
   HERO ALTINDAKİ 3'LÜ INFORMATION BOX
========================================================== */

:is(.ayg-service-trust-wrap,.ayggc-trust-wrap){
    position:relative!important;
    z-index:20!important;
}

:is(.ayg-service-trust-wrap,.ayggc-trust-wrap)
> .wpb_column
> .vc_column-inner{
    padding:0 20px!important;
}

:is(.ayg-service-trust-row,.ayggc-trust-row){
    max-width:1180px!important;
    margin:-40px auto 0!important;
    padding:20px 24px!important;

    background:#fff!important;
    border-radius:9px!important;

    box-shadow:0 16px 45px rgba(5,28,49,.12)!important;
}

:is(.ayg-service-trust-col,.ayggc-trust-col) > .vc_column-inner{
    min-height:78px!important;

    padding:3px 30px!important;

    display:flex!important;
    align-items:center!important;
}

:is(.ayg-service-trust-col,.ayggc-trust-col)
+
:is(.ayg-service-trust-col,.ayggc-trust-col)
> .vc_column-inner{
    border-left:1px solid #e1e5e8!important;
}

:is(.ayg-service-trust-info,.ayggc-trust-info){
    width:100%!important;
    margin:0!important;
}

:is(.ayg-service-trust-info,.ayggc-trust-info) .info-box-inner{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    text-align:left!important;
}

:is(.ayg-service-trust-info,.ayggc-trust-info) .box-icon-wrapper{
    flex:0 0 55px!important;
    width:55px!important;
    margin:0 16px 0 0!important;
}

:is(.ayg-service-trust-info,.ayggc-trust-info) .info-box-icon img{
    width:50px!important;
    height:50px!important;
    object-fit:contain!important;
}

:is(.ayg-service-trust-info,.ayggc-trust-info) .info-box-content{
    text-align:left!important;
}

:is(.ayg-service-trust-info,.ayggc-trust-info) .info-box-title{
    margin:0 0 5px!important;
    color:var(--ayg-navy)!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:800!important;
}

:is(.ayg-service-trust-info,.ayggc-trust-info) .info-box-content p{
    margin:0!important;
    color:#697580!important;
    font-size:10.5px!important;
    line-height:1.45!important;
}


/* ==========================================================
   ANA TANITIM ALANI
========================================================== */

:is(.ayg-service-intro,.ayggc-intro){
    width:calc(100% - 50px)!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding:100px 0 90px!important;
}

:is(.ayg-service-intro-text,.ayggc-intro-text) > .vc_column-inner{
    padding:0 65px 0 0!important;
}

:is(.ayg-service-intro-text,.ayggc-intro-text) h2{
    margin:0 0 22px!important;

    color:var(--ayg-navy)!important;

    font-size:42px!important;
    line-height:1.12!important;
    font-weight:700!important;
}

:is(.ayg-service-intro-text,.ayggc-intro-text) h2:after{
    content:"";
    display:block;
    width:42px;
    height:2px;
    margin-top:19px;
    background:var(--ayg-gold);
}

:is(.ayg-service-intro-text,.ayggc-intro-text)
p:not(.ayg-service-eyebrow):not(.ayggc-eyebrow){
    color:var(--ayg-text)!important;
    font-size:14px!important;
    line-height:1.85!important;
}

:is(.ayg-service-intro-image,.ayggc-intro-image) > .vc_column-inner{
    padding:0!important;
}

:is(.ayg-service-intro-image,.ayggc-intro-image) .wpb_single_image{
    margin:0!important;
}

:is(.ayg-service-intro-image,.ayggc-intro-image) img{
    display:block!important;

    width:100%!important;
    height:470px!important;

    object-fit:cover!important;
    object-position:center!important;

    border-radius:5px!important;
}


/* ==========================================================
   AVANTAJLAR
========================================================== */

:is(.ayg-service-benefits,.ayggc-benefits){
    width:calc(100% - 50px)!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding:20px 0 95px!important;
}

:is(.ayg-service-benefit-row,.ayggc-benefit-row){
    margin:0 -8px 16px!important;
}

:is(.ayg-service-benefit-card,.ayggc-benefit-card){
    padding:0 8px!important;
}

:is(.ayg-service-benefit-card,.ayggc-benefit-card) > .vc_column-inner{
    height:100%!important;
    padding:0!important;
}

:is(.ayg-service-benefit-card,.ayggc-benefit-card) .wpb_text_column{
    height:100%!important;
    margin:0!important;
}

:is(.ayg-service-benefit-card,.ayggc-benefit-card) .wpb_wrapper{
    position:relative!important;
    min-height:200px!important;

    padding:26px 27px!important;

    background:#fff!important;
    border:1px solid var(--ayg-border)!important;
    border-radius:7px!important;

    transition:.3s ease!important;
}

:is(.ayg-service-benefit-card,.ayggc-benefit-card):hover .wpb_wrapper{
    transform:translateY(-5px)!important;

    border-color:rgba(214,165,72,.65)!important;

    box-shadow:0 15px 35px rgba(6,29,52,.08)!important;
}

:is(.ayg-service-benefit-no,.ayggc-benefit-no){
    position:absolute!important;
    top:20px!important;
    right:22px!important;

    color:#edf0f2!important;

    font-size:32px!important;
    line-height:1!important;
    font-weight:800!important;
}

:is(.ayg-service-benefit-card,.ayggc-benefit-card) h3{
    position:relative!important;
    z-index:2!important;

    margin:0 0 10px!important;

    color:var(--ayg-navy)!important;

    font-size:16px!important;
    font-weight:800!important;
}

:is(.ayg-service-benefit-card,.ayggc-benefit-card) p{
    margin:0!important;
    color:#697681!important;
    font-size:12px!important;
    line-height:1.7!important;
}


/* ==========================================================
   3'LÜ SİSTEM KARTLARI
========================================================== */

:is(.ayg-service-types,.ayggc-types){
    position:relative!important;

    padding:80px 25px 90px!important;

    background:
        radial-gradient(
            circle at 50% -20%,
            rgba(22,74,112,.34) 0%,
            rgba(6,29,52,0) 43%
        ),
        linear-gradient(
            135deg,
            #041525 0%,
            #061d34 56%,
            #072641 100%
        )!important;
}

:is(.ayg-service-types,.ayggc-types)
> .wpb_column
> .vc_column-inner{
    width:100%!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding:0!important;
}

:is(.ayg-service-types,.ayggc-types)
:is(.ayg-service-section-title,.ayggc-section-title){
    max-width:850px!important;
    margin:0 auto 38px!important;
}

:is(.ayg-service-types,.ayggc-types)
:is(.ayg-service-section-title,.ayggc-section-title) h2{
    color:#fff!important;
}


/* satır */

:is(.ayg-service-type-row,.ayggc-type-row){
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;

    gap:20px!important;

    margin:0!important;
    padding:0!important;
}

:is(.ayg-service-type-row,.ayggc-type-row):before,
:is(.ayg-service-type-row,.ayggc-type-row):after{
    display:none!important;
}


/* kolon */

:is(.ayg-service-type-card,.ayggc-type-card){
    position:relative!important;

    display:flex!important;

    flex:0 0 calc((100% - 40px) / 3)!important;

    width:calc((100% - 40px) / 3)!important;
    max-width:calc((100% - 40px) / 3)!important;

    margin:0!important;
    padding:0!important;
    float:none!important;
}


/* eşit yükseklik */

:is(.ayg-service-type-card,.ayggc-type-card) > .vc_column-inner{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;

    width:100%!important;
    height:100%!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    background:#fff!important;

    border:1px solid rgba(214,165,72,.40)!important;
    border-radius:10px!important;

    box-shadow:0 10px 30px rgba(0,0,0,.14)!important;

    transition:
        transform .30s ease,
        border-color .30s ease,
        box-shadow .30s ease!important;
}

:is(.ayg-service-type-card,.ayggc-type-card)
> .vc_column-inner
> .wpb_wrapper{
    display:flex!important;
    flex-direction:column!important;

    width:100%!important;
    height:100%!important;

    padding:0!important;
}


/* hover */

:is(.ayg-service-type-card,.ayggc-type-card):hover > .vc_column-inner{
    transform:translateY(-5px)!important;

    border-color:rgba(214,165,72,.85)!important;

    box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}


/* ==========================================================
   ALTTAN KAYAN ALTIN ÇİZGİ
========================================================== */

:is(.ayg-service-type-card,.ayggc-type-card)
> .vc_column-inner:after{
    content:"";

    position:absolute;
    z-index:8;

    left:50%;
    bottom:0;

    width:0;
    height:4px;

    background:var(--ayg-gold);

    transform:translateX(-50%);

    transition:width .35s ease;
}

:is(.ayg-service-type-card,.ayggc-type-card):hover
> .vc_column-inner:after{
    width:100%;
}


/* ==========================================================
   SİSTEM KARTI GÖRSELİ
========================================================== */

:is(.ayg-service-type-card,.ayggc-type-card) .wpb_single_image{
    width:100%!important;

    margin:0!important;
    padding:0!important;

    line-height:0!important;

    overflow:hidden!important;
}

:is(.ayg-service-type-card,.ayggc-type-card)
.wpb_single_image
> .wpb_wrapper{
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

:is(.ayg-service-type-card,.ayggc-type-card)
.vc_single_image-wrapper{
    display:block!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;
}

:is(.ayg-service-type-card,.ayggc-type-card) img{
    display:block!important;

    width:100%!important;
    max-width:none!important;
    height:245px!important;

    margin:0!important;
    padding:0!important;

    object-fit:cover!important;
    object-position:center!important;

    border:0!important;
    border-radius:0!important;

    transition:transform .5s ease!important;
}

:is(.ayg-service-type-card,.ayggc-type-card):hover img{
    transform:scale(1.035)!important;
}


/* ==========================================================
   SİSTEM KARTI METNİ
========================================================== */

:is(.ayg-service-type-card,.ayggc-type-card) .wpb_text_column{
    display:flex!important;
    flex:1 1 auto!important;

    width:100%!important;
    height:auto !important;

    margin:0!important;
    padding:0!important;

    background:#fff!important;
}

:is(.ayg-service-type-card,.ayggc-type-card)
.wpb_text_column
> .wpb_wrapper{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;

    width:100%!important;
    min-height:190px!important;

    margin:0!important;

    padding:
        25px
        28px
        27px!important;
}

:is(.ayg-service-type-card,.ayggc-type-card) h3{
    width:100%!important;

    margin:0 0 10px!important;

    color:var(--ayg-navy)!important;

    font-size:17px!important;
    line-height:1.35!important;
    font-weight:800!important;
}

:is(.ayg-service-type-card,.ayggc-type-card) p{
    width:100%!important;

    margin:0 0 15px!important;

    color:#667483!important;

    font-size:12px!important;
    line-height:1.7!important;
}


/* linki daima kart altında aynı hizaya getir */

:is(.ayg-service-text-link,.ayggc-text-link){
    display:inline-flex!important;

    margin-top:auto!important;

    color:var(--ayg-gold)!important;

    font-size:11px!important;
    font-weight:800!important;

    text-decoration:none!important;

    transition:
        transform .20s ease,
        color .20s ease!important;
}

:is(.ayg-service-text-link,.ayggc-text-link):hover{
    color:var(--ayg-navy)!important;
    transform:translateX(5px)!important;
}


/* ==========================================================
   KULLANIM ALANLARI
========================================================== */

:is(.ayg-service-usage,.ayggc-usage){
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:85px 0!important;
}

:is(.ayg-service-usage-row,.ayggc-usage-row){
    display:flex!important;
    flex-wrap:nowrap!important;

    overflow:hidden!important;

    border:1px solid var(--ayg-border)!important;
    border-radius:7px!important;
}

:is(.ayg-service-usage-item,.ayggc-usage-item){
    border-right:1px solid var(--ayg-border)!important;
}

:is(.ayg-service-usage-item,.ayggc-usage-item):last-child{
    border-right:0!important;
}

:is(.ayg-service-usage-item,.ayggc-usage-item) > .vc_column-inner{
    padding:0!important;
}

:is(.ayg-service-usage-item,.ayggc-usage-item) .wpb_text_column{
    margin:0!important;
}

:is(.ayg-service-usage-item,.ayggc-usage-item) .wpb_wrapper{
    min-height:115px!important;

    display:flex!important;
    flex-direction:column!important;

    justify-content:center!important;
    align-items:center!important;

    text-align:center!important;

    background:#fff!important;

    transition:.25s ease!important;
}

:is(.ayg-service-usage-item,.ayggc-usage-item):hover .wpb_wrapper{
    background:#f9f7f2!important;
}

:is(.ayg-service-usage-item,.ayggc-usage-item) span{
    margin-bottom:7px!important;
    color:var(--ayg-gold)!important;
    font-size:11px!important;
    font-weight:800!important;
}

:is(.ayg-service-usage-item,.ayggc-usage-item) strong{
    color:var(--ayg-navy)!important;
    font-size:12px!important;
    font-weight:800!important;
}


/* ==========================================================
   TEKNİK ALAN
========================================================== */

:is(.ayg-service-tech,.ayggc-tech){
    background:#f5f6f7!important;
}

:is(.ayg-service-tech,.ayggc-tech) > .wpb_column{
    min-height:560px!important;
}

:is(.ayg-service-tech-content,.ayggc-tech-content)
> .vc_column-inner{
    min-height:560px!important;

    display:flex!important;
    justify-content:center!important;
    flex-direction:column!important;
    align-items:flex-end!important;

    padding:65px 65px 65px 30px!important;
}

:is(.ayg-service-tech-content,.ayggc-tech-content)
> .vc_column-inner
> .wpb_wrapper{
    width:100%!important;
    max-width:590px!important;
}

:is(.ayg-service-tech-content,.ayggc-tech-content) h2{
    margin:0 0 21px!important;

    color:var(--ayg-navy)!important;

    font-size:39px!important;
    line-height:1.13!important;
    font-weight:700!important;
}

:is(.ayg-service-tech-content,.ayggc-tech-content)
p:not(.ayg-service-eyebrow):not(.ayggc-eyebrow){
    color:#65727d!important;
    font-size:13.5px!important;
    line-height:1.8!important;
}


/* checklist */

:is(.ayg-service-check-list,.ayggc-check-list){
    list-style:none!important;

    margin:23px 0 0!important;
    padding:0!important;

    display:grid!important;
    grid-template-columns:1fr 1fr!important;

    gap:11px 18px!important;
}

:is(.ayg-service-check-list,.ayggc-check-list) li{
    position:relative!important;

    padding-left:22px!important;

    color:var(--ayg-navy)!important;

    font-size:11px!important;
    line-height:1.4!important;
    font-weight:700!important;
}

:is(.ayg-service-check-list,.ayggc-check-list) li:before{
    content:"✓";

    position:absolute;
    left:0;
    top:0;

    color:var(--ayg-gold)!important;

    font-weight:900!important;
}


/* çapraz teknik görsel */

:is(.ayg-service-tech-image,.ayggc-tech-image){
    overflow:hidden!important;

    clip-path:
        polygon(
            10% 0,
            100% 0,
            100% 100%,
            0 100%
        )!important;
}

:is(.ayg-service-tech-image,.ayggc-tech-image) > .vc_column-inner{
    height:560px!important;
    padding:0!important;
}

:is(.ayg-service-tech-image,.ayggc-tech-image) .wpb_wrapper,
:is(.ayg-service-tech-image,.ayggc-tech-image) .wpb_single_image,
:is(.ayg-service-tech-image,.ayggc-tech-image) .vc_single_image-wrapper{
    display:block!important;

    width:100%!important;
    height:100%!important;

    margin:0!important;
    padding:0!important;
}

:is(.ayg-service-tech-image,.ayggc-tech-image) img{
    display:block!important;

    width:100%!important;
    height:560px!important;

    object-fit:cover!important;
    object-position:center!important;
}


/* ==========================================================
   UYGULAMA SÜRECİ
========================================================== */

:is(.ayg-service-process,.ayggc-process){
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:85px 0 90px!important;
}

:is(.ayg-service-process-row,.ayggc-process-row){
    display:flex!important;
    flex-wrap:nowrap!important;
}

:is(.ayg-service-step,.ayggc-step){
    position:relative!important;
    text-align:center!important;
}

:is(.ayg-service-step,.ayggc-step):not(:last-child):after{
    content:"";

    position:absolute;
    top:35px;
    left:65%;

    width:70%;

    border-top:1px solid rgba(214,165,72,.5);
}

:is(.ayg-service-step-circle,.ayggc-step-circle){
    position:relative;
    z-index:2;

    width:70px;
    height:70px;

    margin:0 auto 17px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:50%;

    background:var(--ayg-navy);
    color:var(--ayg-gold);

    font-size:12px;
    font-weight:800;
}

:is(.ayg-service-step,.ayggc-step) h3{
    margin:0 0 7px!important;

    color:var(--ayg-navy)!important;

    font-size:13px!important;
    font-weight:800!important;
}

:is(.ayg-service-step,.ayggc-step) p{
    max-width:160px;
    margin:0 auto!important;

    color:#77828b!important;

    font-size:10px!important;
    line-height:1.55!important;
}


/* ==========================================================
   GALERİ
========================================================== */

:is(.ayg-service-gallery,.ayggc-gallery){
    width:calc(100% - 50px)!important;
    max-width:1280px!important;

    margin:0 auto!important;
    padding:20px 0 85px!important;
}

:is(.ayg-service-gallery-row,.ayggc-gallery-row){
    margin:0 -8px!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card){
    padding:0 8px!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card) > .vc_column-inner{
    position:relative!important;

    width:100%!important;
    height:280px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border-radius:7px!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card)
> .vc_column-inner
> .wpb_wrapper{
    position:relative!important;

    width:100%!important;
    height:280px!important;

    margin:0!important;
    padding:0!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card) .wpb_single_image{
    position:absolute!important;

    z-index:1!important;
    inset:0!important;

    width:100%!important;
    height:280px!important;

    margin:0!important;
    padding:0!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card)
.vc_single_image-wrapper{
    display:block!important;

    width:100%!important;
    height:280px!important;

    margin:0!important;
    padding:0!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card) img{
    width:100%!important;
    height:280px!important;

    object-fit:cover!important;

    opacity:1!important;
    filter:none!important;

    transition:transform .5s ease!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card):hover img{
    transform:scale(1.025)!important;
}


/* galeride eski overlay'leri iptal */

:is(.ayg-service-gallery-card,.ayggc-gallery-card)
> .vc_column-inner:before,

:is(.ayg-service-gallery-card,.ayggc-gallery-card)
> .vc_column-inner:after,

:is(.ayg-service-gallery-card,.ayggc-gallery-card)
> .vc_column-inner
> .wpb_wrapper:before,

:is(.ayg-service-gallery-card,.ayggc-gallery-card)
> .vc_column-inner
> .wpb_wrapper:after{
    content:none!important;
    display:none!important;
}


/* yazı sadece altta */

:is(.ayg-service-gallery-card,.ayggc-gallery-card) .wpb_text_column{
    position:absolute!important;

    z-index:5!important;

    left:0!important;
    right:0!important;
    bottom:0!important;

    margin:0!important;

    background:
        linear-gradient(
            to top,
            rgba(3,20,38,.82) 0%,
            rgba(3,20,38,.40) 58%,
            rgba(3,20,38,0) 100%
        )!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card)
.wpb_text_column
> .wpb_wrapper{
    padding:42px 20px 18px!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card) span{
    display:block!important;

    margin:0 0 6px!important;

    color:var(--ayg-gold)!important;

    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:1.2px!important;
}

:is(.ayg-service-gallery-card,.ayggc-gallery-card) h3{
    margin:0!important;

    color:#fff!important;

    font-size:16px!important;
    line-height:1.25!important;
    font-weight:700!important;
}

:is(.ayg-service-gallery-button,.ayggc-gallery-button){
    margin-top:27px!important;
}

:is(.ayg-service-gallery-button,.ayggc-gallery-button) .vc_btn3{
    border-color:var(--ayg-navy)!important;
    border-radius:0!important;

    color:var(--ayg-navy)!important;

    font-size:10px!important;
    font-weight:800!important;
}


/* ==========================================================
   FAQ
========================================================== */

:is(.ayg-service-faq,.ayggc-faq){
    padding:75px 25px 80px!important;

    background:
        linear-gradient(
            135deg,
            #041525,
            #06233d
        )!important;
}

:is(.ayg-service-faq,.ayggc-faq)
> .wpb_column
> .vc_column-inner{
    max-width:1050px!important;

    margin:0 auto!important;
    padding:0!important;
}

:is(.ayg-service-faq-item,.ayggc-faq-item){
    margin:0 0 9px!important;

    background:transparent!important;

    border:1px solid rgba(255,255,255,.20)!important;

    transition:.2s ease!important;
}

:is(.ayg-service-faq-item,.ayggc-faq-item):hover,
:is(.ayg-service-faq-item,.ayggc-faq-item).vc_toggle_active{
    border-color:rgba(214,165,72,.65)!important;
    background:rgba(255,255,255,.02)!important;
}

:is(.ayg-service-faq-item,.ayggc-faq-item) .vc_toggle_title{
    padding:15px 48px 15px 18px!important;
}

:is(.ayg-service-faq-item,.ayggc-faq-item) .vc_toggle_title h4{
    color:#fff!important;

    font-size:11.5px!important;
    line-height:1.4!important;
    font-weight:600!important;
}

:is(.ayg-service-faq-item,.ayggc-faq-item) .vc_toggle_content{
    margin:0!important;

    padding:0 18px 17px!important;

    color:rgba(255,255,255,.68)!important;

    font-size:11px!important;
    line-height:1.7!important;
}


/* ==========================================================
   FINAL CTA
========================================================== */

:is(.ayg-service-final-cta,.ayggc-final-cta){
    position:relative!important;

    min-height:420px!important;

    overflow:hidden!important;

    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}

:is(.ayg-service-final-cta,.ayggc-final-cta):before{
    content:"";

    position:absolute;
    z-index:1;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,20,38,.99) 0%,
            rgba(4,25,45,.95) 35%,
            rgba(5,31,53,.65) 60%,
            rgba(5,31,53,.10) 100%
        );
}

:is(.ayg-service-final-cta,.ayggc-final-cta) > .wpb_column{
    position:relative!important;
    z-index:2!important;
}

:is(.ayg-service-final-content,.ayggc-final-content) > .vc_column-inner{
    max-width:650px!important;

    margin-left:auto!important;

    padding:70px 55px 70px 25px!important;
}

:is(.ayg-service-final-content,.ayggc-final-content) h2{
    margin:12px 0 18px!important;

    color:#fff!important;

    font-size:40px!important;
    line-height:1.12!important;
    font-weight:700!important;
}

:is(.ayg-service-final-content,.ayggc-final-content) h2 strong{
    color:var(--ayg-gold-light)!important;
}

:is(.ayg-service-final-content,.ayggc-final-content)
p:not(.ayg-service-eyebrow):not(.ayggc-eyebrow){
    max-width:570px!important;

    color:rgba(255,255,255,.78)!important;

    font-size:13.5px!important;
    line-height:1.75!important;
}

:is(.ayg-service-final-content,.ayggc-final-content) .vc_btn3-container{
    display:inline-block!important;
    margin:15px 8px 0 0!important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    :is(.ayg-service-hero,.ayggc-hero) h1{
        font-size:45px!important;
    }

    :is(.ayg-service-type-row,.ayggc-type-row){
        flex-wrap:wrap!important;
    }

    :is(.ayg-service-type-card,.ayggc-type-card){
        flex:0 0 calc(50% - 10px)!important;
        width:calc(50% - 10px)!important;
        max-width:calc(50% - 10px)!important;
    }

    :is(.ayg-service-benefit-card,.ayggc-benefit-card){
        width:50%!important;
        margin-bottom:16px!important;
    }

    :is(.ayg-service-usage-row,.ayggc-usage-row){
        flex-wrap:wrap!important;
    }

    :is(.ayg-service-usage-item,.ayggc-usage-item){
        width:33.333%!important;
    }

    :is(.ayg-service-process-row,.ayggc-process-row){
        flex-wrap:wrap!important;
    }

    :is(.ayg-service-step,.ayggc-step){
        width:33.333%!important;
        margin-bottom:38px!important;
    }

    :is(.ayg-service-step,.ayggc-step):after{
        display:none!important;
    }
}


/* ==========================================================
   MOBİL
========================================================== */

@media(max-width:767px){

    :is(.ayg-service-section-title,.ayggc-section-title) h2{
        font-size:29px!important;
    }

    :is(.ayg-service-hero,.ayggc-hero){
        min-height:470px!important;
        background-position:65% center!important;
    }

    :is(.ayg-service-hero,.ayggc-hero):before{
        background:rgba(3,20,38,.88)!important;
    }

    :is(.ayg-service-hero-content,.ayggc-hero-content) > .vc_column-inner{
        width:calc(100% - 30px)!important;
        padding:65px 0!important;
    }

    :is(.ayg-service-hero,.ayggc-hero) h1{
        font-size:36px!important;
    }


    /* trust */

    :is(.ayg-service-trust-row,.ayggc-trust-row){
        margin-top:-20px!important;
        padding:8px 18px!important;
    }

    :is(.ayg-service-trust-col,.ayggc-trust-col){
        width:100%!important;
    }

    :is(.ayg-service-trust-col,.ayggc-trust-col)
    +
    :is(.ayg-service-trust-col,.ayggc-trust-col)
    > .vc_column-inner{
        border-left:0!important;
        border-top:1px solid #e1e5e8!important;
    }


    /* intro */

    :is(.ayg-service-intro,.ayggc-intro){
        width:calc(100% - 30px)!important;
        padding:65px 0!important;
    }

    :is(.ayg-service-intro,.ayggc-intro) > .wpb_column{
        width:100%!important;
    }

    :is(.ayg-service-intro-text,.ayggc-intro-text) > .vc_column-inner{
        padding:0!important;
    }

    :is(.ayg-service-intro-image,.ayggc-intro-image){
        margin-top:35px!important;
    }

    :is(.ayg-service-intro-image,.ayggc-intro-image) img{
        height:320px!important;
    }


    /* benefits */

    :is(.ayg-service-benefit-card,.ayggc-benefit-card){
        width:100%!important;
        padding:0!important;
    }


    /* type cards */

    :is(.ayg-service-types,.ayggc-types){
        padding:60px 15px!important;
    }

    :is(.ayg-service-type-row,.ayggc-type-row){
        display:block!important;
    }

    :is(.ayg-service-type-card,.ayggc-type-card){
        width:100%!important;
        max-width:100%!important;

        margin:0 0 18px!important;
    }

    :is(.ayg-service-type-card,.ayggc-type-card) img{
        height:220px!important;
    }

    :is(.ayg-service-type-card,.ayggc-type-card)
    .wpb_text_column
    > .wpb_wrapper{
        min-height:0!important;
        padding:21px 20px 23px!important;
    }


    /* usage */

    :is(.ayg-service-usage-item,.ayggc-usage-item){
        width:50%!important;
    }


    /* tech */

    :is(.ayg-service-tech,.ayggc-tech) > .wpb_column{
        width:100%!important;
        min-height:auto!important;
    }

    :is(.ayg-service-tech-content,.ayggc-tech-content) > .vc_column-inner{
        min-height:auto!important;

        padding:55px 25px!important;

        align-items:flex-start!important;
    }

    :is(.ayg-service-check-list,.ayggc-check-list){
        grid-template-columns:1fr!important;
    }

    :is(.ayg-service-tech-image,.ayggc-tech-image){
        clip-path:none!important;
    }

    :is(.ayg-service-tech-image,.ayggc-tech-image) > .vc_column-inner,
    :is(.ayg-service-tech-image,.ayggc-tech-image) img{
        height:330px!important;
    }


    /* process */

    :is(.ayg-service-step,.ayggc-step){
        width:50%!important;
    }


    /* gallery */

    :is(.ayg-service-gallery-card,.ayggc-gallery-card){
        width:100%!important;
        padding:0!important;
        margin-bottom:16px!important;
    }

    :is(.ayg-service-gallery-card,.ayggc-gallery-card) > .vc_column-inner,
    :is(.ayg-service-gallery-card,.ayggc-gallery-card)
    > .vc_column-inner
    > .wpb_wrapper,

    :is(.ayg-service-gallery-card,.ayggc-gallery-card) .wpb_single_image,
    :is(.ayg-service-gallery-card,.ayggc-gallery-card) .vc_single_image-wrapper,
    :is(.ayg-service-gallery-card,.ayggc-gallery-card) img{
        height:240px!important;
    }


    /* final */

    :is(.ayg-service-final-cta,.ayggc-final-cta):before{
        background:rgba(3,20,38,.91)!important;
    }

    :is(.ayg-service-final-cta,.ayggc-final-cta) > .wpb_column:first-child{
        width:100%!important;
    }

    :is(.ayg-service-final-cta,.ayggc-final-cta) > .wpb_column:last-child{
        display:none!important;
    }

    :is(.ayg-service-final-content,.ayggc-final-content) > .vc_column-inner{
        max-width:none!important;
        padding:60px 25px!important;
    }

    :is(.ayg-service-final-content,.ayggc-final-content) h2{
        font-size:31px!important;
    }
}


@media(max-width:480px){

    :is(.ayg-service-usage-item,.ayggc-usage-item),
    :is(.ayg-service-step,.ayggc-step){
        width:100%!important;
    }
}

/* =========================================================
   GIYOTIN CAM - UYGULAMALARIMIZDAN ILHAM ALIN
   Görseller alanı tam kaplasın
   ========================================================= */

.giyotin-ilham-row .wpb_column .vc_column-inner {
  padding: 0 !important;
  border-radius: 22px;
  overflow: hidden;
  background: transparent !important;
  box-shadow: none !important;
}

.giyotin-ilham-card {
  position: relative;
  width: 100%;
  height: 400px; /* kart yüksekliği */
  border-radius: 22px;
  overflow: hidden;
  background: #0b2340;
}

.giyotin-ilham-card .giyotin-ilham-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.giyotin-ilham-card .giyotin-ilham-img img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  object-position: center center;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* alttaki yazı alanı */
.giyotin-ilham-card .giyotin-ilham-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 22px 24px;
  background: linear-gradient(
    to top,
    rgba(7, 21, 39, 0.88) 0%,
    rgba(7, 21, 39, 0.58) 45%,
    rgba(7, 21, 39, 0.00) 100%
  );
  z-index: 2;
}

.giyotin-ilham-card .giyotin-ilham-kicker {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #d4a63f;
  margin-bottom: 10px;
}

.giyotin-ilham-card .giyotin-ilham-title {
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}

/* hover hafif premium etki */
.giyotin-ilham-card:hover img {
  transform: scale(1.03);
  transition: transform 0.45s ease;
}

.giyotin-ilham-card img {
  transition: transform 0.45s ease;
}

/* mobil */
@media (max-width: 991px) {
  .giyotin-ilham-card {
    height: 340px;
  }
}

@media (max-width: 767px) {
  .giyotin-ilham-card {
    height: 300px;
    border-radius: 18px;
  }

  .giyotin-ilham-card .giyotin-ilham-overlay {
    padding: 18px 18px;
  }

  .giyotin-ilham-card .giyotin-ilham-title {
    font-size: 18px;
  }
}

/* ==========================================================
   GİYOTİN CAM - UYGULAMALARIMIZDAN İLHAM ALIN
   FINAL - GÖRSEL KARTI TAM KAPLASIN
========================================================== */


/* KART */
.ayggc-gallery .ayggc-gallery-card > .vc_column-inner{
    position:relative !important;

    width:100% !important;
    height:280px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border-radius:7px !important;
    background:#071f36 !important;
}


/* KART ANA WRAPPER */
.ayggc-gallery .ayggc-gallery-card >
.vc_column-inner >
.wpb_wrapper{
    position:relative !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
}


/* SINGLE IMAGE */
.ayggc-gallery .ayggc-gallery-card .wpb_single_image{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    line-height:0 !important;

    z-index:1 !important;
}


/* WPBAKERY'NİN figure ALANI */
.ayggc-gallery .ayggc-gallery-card .vc_figure{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
}


/* WPBAKERY IMAGE WRAPPER */
.ayggc-gallery .ayggc-gallery-card .vc_single_image-wrapper{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
}


/* ASIL GÖRSEL */
.ayggc-gallery .ayggc-gallery-card
.vc_single_image-wrapper img{
    display:block !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:100% !important;
    height:100% !important;

    min-width:100% !important;
    min-height:100% !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center center !important;

    border:0 !important;
    border-radius:0 !important;

    opacity:1 !important;
    filter:none !important;

    transition:transform .45s ease !important;
}


/* WPBAKERY'NİN EKSTRA MARGINLERİ */
.ayggc-gallery .ayggc-gallery-card .wpb_content_element{
    margin:0 !important;
}


/* ==========================================================
   ESKİ OVERLAYLERİ TEMİZLE
========================================================== */

.ayggc-gallery .ayggc-gallery-card >
.vc_column-inner:before,

.ayggc-gallery .ayggc-gallery-card >
.vc_column-inner:after,

.ayggc-gallery .ayggc-gallery-card >
.vc_column-inner >
.wpb_wrapper:before,

.ayggc-gallery .ayggc-gallery-card >
.vc_column-inner >
.wpb_wrapper:after{
    content:none !important;
    display:none !important;
}


/* ==========================================================
   YAZI - GÖRSELİN SOL ALTINDA
========================================================== */

.ayggc-gallery .ayggc-gallery-card .wpb_text_column{
    position:absolute !important;

    z-index:5 !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:
        linear-gradient(
            to top,
            rgba(3,20,38,.88) 0%,
            rgba(3,20,38,.48) 55%,
            rgba(3,20,38,0) 100%
        ) !important;
}


.ayggc-gallery .ayggc-gallery-card
.wpb_text_column >
.wpb_wrapper{
    width:100% !important;

    margin:0 !important;
    padding:45px 20px 18px !important;

    background:transparent !important;
}


.ayggc-gallery .ayggc-gallery-card span{
    display:block !important;

    margin:0 0 7px !important;

    color:#d6a548 !important;

    font-size:9px !important;
    font-weight:800 !important;

    letter-spacing:1.2px !important;
}


.ayggc-gallery .ayggc-gallery-card h3{
    margin:0 !important;
    padding:0 !important;

    color:#fff !important;

    font-size:17px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}


/* HOVER */
.ayggc-gallery .ayggc-gallery-card:hover
.vc_single_image-wrapper img{
    transform:scale(1.035) !important;
}


/* MOBİL */
@media(max-width:767px){

    .ayggc-gallery .ayggc-gallery-card > .vc_column-inner{
        height:250px !important;
    }

}

/* ==========================================================
   AYG HİZMET SAYFALARI
   GALERİ KARTLARI - FINAL FIX
   Görsel kartı eksiksiz kaplasın
========================================================== */


/* KART */
.ayg-service-gallery .ayg-service-gallery-card > .vc_column-inner{
    position:relative !important;

    width:100% !important;
    height:280px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border-radius:7px !important;
    background:#071f36 !important;
}


/* ANA WRAPPER */
.ayg-service-gallery .ayg-service-gallery-card >
.vc_column-inner >
.wpb_wrapper{
    position:relative !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
}


/* WPBAKERY SINGLE IMAGE */
.ayg-service-gallery .ayg-service-gallery-card .wpb_single_image{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    line-height:0 !important;

    z-index:1 !important;
}


/* WPBAKERY FIGURE */
.ayg-service-gallery .ayg-service-gallery-card .vc_figure{
    display:block !important;

    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
}


/* IMAGE WRAPPER */
.ayg-service-gallery .ayg-service-gallery-card
.vc_single_image-wrapper{
    display:block !important;

    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
}


/* GÖRSEL */
.ayg-service-gallery .ayg-service-gallery-card
.vc_single_image-wrapper img{
    display:block !important;

    position:absolute !important;

    top:50% !important;
    left:50% !important;

    width:100% !important;
    height:100% !important;

    min-width:100% !important;
    min-height:100% !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center center !important;

    transform:translate(-50%, -50%) scale(1) !important;

    border:0 !important;
    border-radius:0 !important;

    opacity:1 !important;
    filter:none !important;

    transition:transform .45s ease !important;
}


/* WPBAKERY BOŞLUKLARINI SIFIRLA */
.ayg-service-gallery .ayg-service-gallery-card .wpb_content_element{
    margin:0 !important;
    padding:0 !important;
}


/* ==========================================================
   TEMANIN ESKİ OVERLAYLERİNİ KAPAT
========================================================== */

.ayg-service-gallery .ayg-service-gallery-card >
.vc_column-inner:before,

.ayg-service-gallery .ayg-service-gallery-card >
.vc_column-inner:after,

.ayg-service-gallery .ayg-service-gallery-card >
.vc_column-inner >
.wpb_wrapper:before,

.ayg-service-gallery .ayg-service-gallery-card >
.vc_column-inner >
.wpb_wrapper:after{
    content:none !important;
    display:none !important;
}


/* ==========================================================
   YAZI SADECE ALTTA
========================================================== */

.ayg-service-gallery .ayg-service-gallery-card .wpb_text_column{
    position:absolute !important;

    z-index:5 !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:
        linear-gradient(
            to top,
            rgba(3,20,38,.90) 0%,
            rgba(3,20,38,.55) 48%,
            rgba(3,20,38,0) 100%
        ) !important;
}


.ayg-service-gallery .ayg-service-gallery-card
.wpb_text_column >
.wpb_wrapper{
    width:100% !important;

    margin:0 !important;

    padding:
        48px
        20px
        18px !important;

    background:transparent !important;
}


.ayg-service-gallery .ayg-service-gallery-card span{
    display:block !important;

    margin:0 0 7px !important;

    color:#d6a548 !important;

    font-size:9px !important;
    line-height:1.2 !important;
    font-weight:800 !important;

    letter-spacing:1.2px !important;
}


.ayg-service-gallery .ayg-service-gallery-card h3{
    margin:0 !important;
    padding:0 !important;

    color:#fff !important;

    font-size:17px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}


/* ==========================================================
   HOVER
========================================================== */

.ayg-service-gallery .ayg-service-gallery-card:hover
.vc_single_image-wrapper img{
    transform:
        translate(-50%, -50%)
        scale(1.035) !important;
}


/* ==========================================================
   MOBİL
========================================================== */

@media(max-width:767px){

    .ayg-service-gallery .ayg-service-gallery-card >
    .vc_column-inner{
        height:250px !important;
    }

}

/* =========================================================
   HAKKIMIZDA - ÇÖZÜM ALANLARI 4'LÜ KART DÜZENİ
========================================================= */

.ayg-about-services .ayg-service-type-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto !important;
}

.ayg-about-services .ayg-service-type-row > .vc_column_container {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ayg-about-services .ayg-about-service-card {
    width: 100% !important;
    height: 100%;
    min-width: 0 !important;
}

/* Görsel alanı */
.ayg-about-services .ayg-about-service-card .wpb_single_image,
.ayg-about-services .ayg-about-service-card .vc_single_image-wrapper {
    width: 100% !important;
    margin: 0 !important;
}

.ayg-about-services .ayg-about-service-card img {
    width: 100% !important;
    height: 245px !important;
    object-fit: cover !important;
    display: block;
}

/* Kartların içerik boyları eşit */
.ayg-about-services .ayg-about-service-card > .vc_column-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ayg-about-services .ayg-about-service-card .wpb_text_column {
    flex: 1;
}


/* TABLET */
@media (max-width: 1199px) {
    .ayg-about-services .ayg-service-type-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBİL */
@media (max-width: 767px) {
    .ayg-about-services .ayg-service-type-row {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ayg-about-services .ayg-about-service-card img {
        height: 220px !important;
    }
}

/* =========================================================
   AYG YAPI SİSTEMLERİ
   İLETİŞİM SAYFASI
========================================================= */


/* =========================================================
   1. HARİTA
========================================================= */

.ayg-contact-map-section {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.ayg-contact-map-section > .wpb_column,
.ayg-contact-map-section .vc_column-inner {
    padding: 0 !important;
}

.ayg-contact-map {
    width: 100%;
    height: 520px;
    overflow: hidden;
    background: #eef1f4;
}

.ayg-contact-map iframe {
    width: 100% !important;
    height: 100% !important;
    display: block;
    border: 0 !important;
}


/* =========================================================
   2. İLETİŞİM GİRİŞ
========================================================= */

.ayg-contact-intro {
    padding: 95px 30px 55px !important;
    background: #fff;
}

.ayg-contact-intro .ayg-service-section-title {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.ayg-contact-intro h1 {
    color: #06213c;
    font-size: 52px;
    line-height: 1.08;
    font-weight: 700;
    margin: 10px 0 22px;
    letter-spacing: -1.5px;
}

.ayg-contact-intro p:not(.ayg-service-eyebrow) {
    max-width: 760px;
    margin: 0 auto;
    color: #718094;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   3. TELEFON / WHATSAPP / KONUM KARTLARI
========================================================= */

.ayg-contact-cards {
    padding: 15px 30px 100px !important;
    background: #fff;
}

.ayg-contact-card-row {
    max-width: 1420px;
    margin: 0 auto !important;
    display: flex;
    align-items: stretch;
}

.ayg-contact-card {
    padding: 12px !important;
}

.ayg-contact-card > .vc_column-inner {
    height: 100%;
    padding: 0 !important;
}

.ayg-contact-card .wpb_text_column {
    height: 100%;
    margin: 0 !important;
}

.ayg-contact-card .wpb_wrapper {
    height: 100%;
}

.ayg-contact-card .wpb_text_column .wpb_wrapper {
    position: relative;
    min-height: 310px;
    height: 100%;
    padding: 38px 38px 40px;
    border: 1px solid #e7e9ec;
    background: #fff;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
    overflow: hidden;
}

/* altın kayan çizgi */
.ayg-contact-card .wpb_text_column .wpb_wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 0;
    background: #dda53f;
    transition: width .35s ease;
}

.ayg-contact-card:hover .wpb_text_column .wpb_wrapper {
    transform: translateY(-6px);
    border-color: rgba(221,165,63,.7);
    box-shadow: 0 20px 45px rgba(3,30,52,.09);
}

.ayg-contact-card:hover .wpb_text_column .wpb_wrapper:after {
    width: 100%;
}

.ayg-contact-icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    background: #f5f0e6;
    color: #d9a13d;
    font-size: 14px;
    font-weight: 700;
}

.ayg-contact-small {
    color: #d9a13d !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 1.7px;
    font-weight: 700;
    margin: 0 0 10px !important;
}

.ayg-contact-card h3 {
    color: #06213c;
    font-size: 25px;
    line-height: 1.25;
    margin: 0 0 15px;
    font-weight: 700;
}

.ayg-contact-card p {
    color: #778597;
    font-size: 15px;
    line-height: 1.8;
}

.ayg-contact-link {
    display: inline-block;
    margin-top: 14px;
    color: #d89f39 !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .25s ease;
}

.ayg-contact-link:hover {
    color: #06213c !important;
    transform: translateX(4px);
}


/* =========================================================
   4. FORM BÖLÜMÜ
========================================================= */

.ayg-contact-form-section {
    max-width: 1440px;
    margin: 0 auto 110px !important;
    padding: 0 30px !important;
    align-items: stretch !important;
}

.ayg-contact-form-info,
.ayg-contact-form-box {
    display: flex;
}

.ayg-contact-form-info > .vc_column-inner,
.ayg-contact-form-box > .vc_column-inner {
    width: 100%;
}


/* SOL LACİVERT ALAN */

.ayg-contact-form-info > .vc_column-inner {
    padding: 65px 60px !important;
    background:
        linear-gradient(
            145deg,
            #031d35 0%,
            #062946 100%
        );
}

.ayg-contact-form-info .ayg-service-eyebrow {
    color: #dda53f !important;
}

.ayg-contact-form-info h2 {
    color: #fff;
    font-size: 46px;
    line-height: 1.12;
    font-weight: 700;
    margin: 12px 0 25px;
    letter-spacing: -1px;
}

.ayg-contact-form-info > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper > p:not(.ayg-service-eyebrow) {
    color: rgba(255,255,255,.68);
    font-size: 16px;
    line-height: 1.85;
    max-width: 470px;
}


/* Mini adımlar */

.ayg-contact-mini-list {
    margin-top: 42px;
}

.ayg-contact-mini-list > div {
    position: relative;
    padding: 0 0 28px 58px;
    margin-bottom: 27px;
    border-bottom: 1px solid rgba(255,255,255,.11);
}

.ayg-contact-mini-list > div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.ayg-contact-mini-list span {
    position: absolute;
    top: 0;
    left: 0;
    color: #dda53f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.ayg-contact-mini-list strong {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.ayg-contact-mini-list p {
    margin: 0 !important;
    color: rgba(255,255,255,.55) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}


/* SAĞ FORM */

.ayg-contact-form-box > .vc_column-inner {
    padding: 65px 65px !important;
    background: #f7f8f9;
}

.ayg-contact-form-label {
    color: #dda53f !important;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: 1.8px;
    margin-bottom: 9px !important;
}

.ayg-contact-form-box h3 {
    color: #06213c;
    font-size: 37px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 12px;
}

.ayg-contact-form-box > .vc_column-inner > .wpb_wrapper > .wpb_text_column p:not(.ayg-contact-form-label) {
    color: #7a8797;
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 32px;
}


/* =========================================================
   5. CONTACT FORM 7
========================================================= */

.ayg-contact-form-box .wpcf7 {
    margin-top: 25px;
}

.ayg-contact-form-box .wpcf7-form p {
    margin-bottom: 18px;
}

.ayg-contact-form-box label {
    display: block;
    margin-bottom: 7px;
    color: #092640;
    font-size: 13px;
    font-weight: 700;
}

.ayg-contact-form-box input[type="text"],
.ayg-contact-form-box input[type="email"],
.ayg-contact-form-box input[type="tel"],
.ayg-contact-form-box input[type="number"],
.ayg-contact-form-box input[type="url"],
.ayg-contact-form-box select,
.ayg-contact-form-box textarea {
    width: 100%;
    min-height: 54px;
    padding: 13px 16px;
    border: 1px solid #dce1e6;
    border-radius: 0;
    background: #fff;
    color: #092640;
    font-size: 14px;
    outline: none;
    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.ayg-contact-form-box textarea {
    min-height: 145px;
    resize: vertical;
}

.ayg-contact-form-box input:focus,
.ayg-contact-form-box select:focus,
.ayg-contact-form-box textarea:focus {
    border-color: #d9a13d;
    box-shadow: 0 0 0 3px rgba(217,161,61,.08);
}

.ayg-contact-form-box input::placeholder,
.ayg-contact-form-box textarea::placeholder {
    color: #a2aab3;
}

.ayg-contact-form-box input[type="submit"] {
    min-height: 54px;
    padding: 0 30px;
    border: 0;
    border-radius: 0;
    background: #dda53f;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    cursor: pointer;
    transition:
        background .25s ease,
        transform .25s ease;
}

.ayg-contact-form-box input[type="submit"]:hover {
    background: #092640;
    transform: translateY(-2px);
}


/* CF7 durum mesajları */

.ayg-contact-form-box .wpcf7-response-output {
    margin: 25px 0 0 !important;
    padding: 14px 18px !important;
    font-size: 13px;
}

.ayg-contact-form-box .wpcf7-not-valid-tip {
    margin-top: 5px;
    color: #b43a3a;
    font-size: 12px;
}


/* =========================================================
   6. NASIL YARDIMCI OLABİLİRİZ?
========================================================= */

.ayg-contact-help {
    padding: 105px 30px !important;
    background: #fff;
}

.ayg-contact-help > .wpb_column > .vc_column-inner {
    max-width: 1380px;
    margin: 0 auto;
}

.ayg-contact-help .ayg-service-section-title {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.ayg-contact-help .ayg-service-section-title h2 {
    color: #06213c;
    font-size: 45px;
    line-height: 1.15;
    font-weight: 700;
    margin: 10px 0 18px;
}

.ayg-contact-help .ayg-service-section-title p:not(.ayg-service-eyebrow) {
    max-width: 760px;
    margin: 0 auto;
    color: #748294;
    font-size: 15px;
    line-height: 1.8;
}

.ayg-contact-help-row {
    display: flex;
    align-items: stretch;
}

.ayg-contact-help-item {
    padding: 12px !important;
}

.ayg-contact-help-item > .vc_column-inner {
    height: 100%;
    padding: 0 !important;
}

.ayg-contact-help-item .wpb_text_column {
    height: 100%;
    margin: 0 !important;
}

.ayg-contact-help-item .wpb_text_column .wpb_wrapper {
    position: relative;
    height: 100%;
    min-height: 230px;
    padding: 35px;
    border-top: 1px solid #e2e6e9;
    background: #f7f8f9;
    transition: .3s ease;
}

.ayg-contact-help-item .wpb_text_column .wpb_wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #dda53f;
    transition: width .3s ease;
}

.ayg-contact-help-item:hover .wpb_text_column .wpb_wrapper {
    transform: translateY(-5px);
}

.ayg-contact-help-item:hover .wpb_text_column .wpb_wrapper:after {
    width: 100%;
}

.ayg-contact-help-item span {
    display: block;
    color: #dda53f;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
}

.ayg-contact-help-item h3 {
    color: #06213c;
    font-size: 21px;
    margin: 0 0 13px;
}

.ayg-contact-help-item p {
    color: #788697;
    font-size: 14px;
    line-height: 1.75;
    margin: 0;
}


/* =========================================================
   7. ALT CTA
========================================================= */

.ayg-contact-final-cta {
    position: relative;
    min-height: 440px;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
    background:
        linear-gradient(
            90deg,
            rgba(2,25,48,.98) 0%,
            rgba(3,39,68,.94) 45%,
            rgba(3,39,68,.75) 100%
        );
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.ayg-contact-final-cta .ayg-service-final-content {
    max-width: 680px;
}

.ayg-contact-final-cta h2 {
    color: #fff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .ayg-contact-map {
        height: 460px;
    }

    .ayg-contact-intro h1 {
        font-size: 44px;
    }

    .ayg-contact-card .wpb_text_column .wpb_wrapper {
        padding: 32px;
    }

    .ayg-contact-form-info > .vc_column-inner,
    .ayg-contact-form-box > .vc_column-inner {
        padding: 50px 42px !important;
    }

    .ayg-contact-form-info h2 {
        font-size: 38px;
    }

    .ayg-contact-help .ayg-service-section-title h2 {
        font-size: 39px;
    }
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 767px) {

    .ayg-contact-map {
        height: 360px;
    }

    .ayg-contact-intro {
        padding: 65px 22px 35px !important;
    }

    .ayg-contact-intro h1 {
        font-size: 34px;
        letter-spacing: -.8px;
    }

    .ayg-contact-intro p:not(.ayg-service-eyebrow) {
        font-size: 15px;
    }


    /* kartlar */
    .ayg-contact-cards {
        padding: 5px 15px 65px !important;
    }

    .ayg-contact-card-row {
        display: block;
    }

    .ayg-contact-card {
        width: 100% !important;
        padding: 7px !important;
    }

    .ayg-contact-card .wpb_text_column .wpb_wrapper {
        min-height: auto;
        padding: 28px;
    }


    /* form */
    .ayg-contact-form-section {
        display: block !important;
        padding: 0 15px !important;
        margin-bottom: 70px !important;
    }

    .ayg-contact-form-info,
    .ayg-contact-form-box {
        width: 100% !important;
        display: block;
    }

    .ayg-contact-form-info > .vc_column-inner,
    .ayg-contact-form-box > .vc_column-inner {
        padding: 42px 27px !important;
    }

    .ayg-contact-form-info h2 {
        font-size: 34px;
    }

    .ayg-contact-form-box h3 {
        font-size: 31px;
    }


    /* yardım */
    .ayg-contact-help {
        padding: 70px 15px !important;
    }

    .ayg-contact-help .ayg-service-section-title {
        margin-bottom: 35px;
    }

    .ayg-contact-help .ayg-service-section-title h2 {
        font-size: 33px;
    }

    .ayg-contact-help-row {
        display: block;
    }

    .ayg-contact-help-item {
        width: 100% !important;
        padding: 7px !important;
    }

    .ayg-contact-help-item .wpb_text_column .wpb_wrapper {
        min-height: auto;
        padding: 27px;
    }


    /* final CTA */
    .ayg-contact-final-cta {
        min-height: 420px;
        padding: 60px 22px !important;
        background-position: center;
    }
}

.wd-wpb.wd-single-post-comments-form.wd-rs-69664b5a318b7.vc_custom_1768311665332 {
    display: none;
}

.wd-post-meta {
    display: none !important;
}

.wd-post-date.wd-style-with-bg {
    display: none;
}

.wd-post-date.wd-style-with-bg {
    display: none !important;
}

.wd-wpb.wd-single-post-author.wd-rs-698b5e55b3229.wd-enabled-width.text-left.vc_custom_1770741337382 {
    display: none;
}

.wd-wpb.wd-single-post-date.wd-rs-698b5e5b37864.wd-enabled-width.text-left.vc_custom_1770741342364 {
    display: none;
}

.wd-wpb.wd-single-post-reply.wd-rs-698b5e5fc09e0.wd-enabled-width.text-left.vc_custom_1770741346363
Specificity: (0,6,0)
 {
    display: none !important;
} 

.wd-wpb.wd-single-post-reply.wd-rs-698b5e5fc09e0.wd-enabled-width.text-left.vc_custom_1770741346363 {
    display: none !important;
}

.archive-meta {
    display: none !important;
}