.hero-banner{background: url(/image/style/home-banner.webp) no-repeat;position: relative;}
.hero-banner::before{opacity: 0.5;position: absolute;content: '';background: #19365f;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
.hero-banner #canvas{pointer-events: none;}
#canvas{display: inline-block;position: absolute;bottom: 0;}
.popular-cat-list{margin: 2rem 0 1rem;}
.popular-cat-list ul{margin: 0;padding: 0;text-align: center;}
.popular-cat-list ul li{display: inline-block;padding: 4px;list-style: none;}
.popular-cat-list ul li a {display: inline-block;width:160px;color: var(--ana-renk);padding: 6px 18px;border-radius: 50px;background: rgb(255 255 255);font-size: 20px;border: 1px solid var(--ana-renk);}
.popular-cat-list ul li a:hover {color: #ffffff;background: var(--ana-renk);border: 1px solid #ffffff;}
.help-video{margin: 1rem 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.vcb-sc {padding: 20px 0 60px;position: relative;}
.vcb {position: relative;height: 200px;background:#ffffff;border-radius:6px;text-align: center;padding:0px 15px;box-sizing: border-box;margin-top: 30px;overflow: hidden;transition: .6s linear;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;border:1px solid var(--ana-renk);}
.light .vcb {position: relative;height: 200px;background:#ffffff;box-shadow:0 0 8px 0 rgba(0,0,0,0.08);-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.08);}
.vc-box {padding: 5px;}
.vcb .cd {z-index: 2;}
.vcb .cd .ci{font-size:40px;color:var(--ana-renk);transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);}
.vcb .cd i{font-size:40px;margin-bottom:7px;transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);}
.vcb .cd .vcd h6{font-weight:500;margin-bottom:7px;font-size:17px;}
.vcb .cd .vcd b{font-weight:500;margin-bottom:7px;font-size:17px;}
.vcb .cd .vcd p {font-size: 12px;padding: 4px 20px;border-radius: 50px;background: var(--ana-renk);color: var(--ana-yazi-rengi);border: 0.5px solid var(--ana-yazi-rengi);}
.vcb .cd .vcd span{font-weight:400;font-size:14px;}
a.btn.width-170 {width: 150px;box-shadow: 0 2px 10px 0 #d8dde6;border: 1px solid #f9f9f9;background:#ffffff;padding: 10px;border-radius: 50px;color:#ff7c39;font-size: 16px;font-weight: 500;transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);}
.vcb .cd i.abs-icon {position: absolute;bottom:5px;left:5px;opacity:0;transition:all ease-in 0.4s;color: #eff1f3;}
.vcb:hover, .vcb:focus{background:var(--ana-renk);}
.vcb:hover .cd .vcd p, .vcb:focus .cd .vcd p {color:#ffffff;}
.vcb:hover .cd .vcd h6, .vcb:focus .cd .vcd h6{color:#ffffff;}
.vcb:hover .cd .vcd b, .vcb:focus .cd .vcd b{color:#ffffff;}
.vcb:hover .cd .ci, .vcb:focus .cd .c-i{color:#ffffff !important;}
.vcb .cd .vcd p:hover{background:var(--ana-yazi-rengi);color:var(--ana-renk);}
.btn.locations{display: table;position: absolute;bottom: -23px;padding: 0.9em 2em;background: #ffffff;border: 1px solid var(--ana-renk);color: var(--ana-renk);border-radius: 0.4rem;z-index: 11;margin: 0 auto;transform: translate(-50%, 3%);left: 50%;transition: all ease 0.4s;}
.btn.locations:hover{background: var(--ana-renk);color:#ffffff;}
.btn.locations i{margin-left: 1rem;}
.sss-widget::before{position: absolute;content: '';background: var(--ana-renk);width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
.sss-widget h3{font-size: 40px;line-height: 1;color: #ffffff;}
@media (max-width: 768px) {.hero-banner{background: url(/image/style/m/home-banner.webp) no-repeat;}}
.brand-slide{position: relative;padding: 0;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;display: block;border: 1px solid #e3e6ef;margin: 0px 0 20px;color: #fff;min-height: auto !important;border: 0 none !important;}
.brand-slide figure{position: relative;background: rgba(23, 27, 46, 0.6);-webkit-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;margin: 0;min-height: 200px;max-height: 250px;}
.brand-slide img{width: 100%;height: auto;object-fit: cover;}
.brand-slide figure figcaption{position: absolute;width: 100%;height: 100%;background: rgba(25, 39, 86, 0.5);left: 0;top: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.brand-slide figure figcaption:before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: #273863;z-index: -1;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;opacity: 0;visibility: hidden;}
.brand-slide:hover figure figcaption:before{opacity: 0.8;visibility: visible;z-index: 1;}
.brand-slide figure .cat-box{position: relative;z-index: auto;}
.brand-slide figure .icon{padding-bottom: 5px;text-align: center;}
.brand-slide figure .cat-box .icon span, .brand-slide figure .cat-box .icon i{font-size: 2rem;color: #ffffff;}
.brand-slide figure .cat-info{display: block;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;}
.brand-slide figure .cat-name{color: #fff;display: block;margin: 0 3px;line-height: normal;padding-bottom: 0;}
.brand-slide figure .cat-box .cat-info>span{font-size: 0.8rem;line-height: 1.6rem;margin-top: 15px;padding: 4px 15px;display: inline-block;color: #fff;box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);-webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);background: var(--ana-renk);font-weight: 400;border-radius: 10rem;text-align: center;white-space: nowrap;vertical-align: baseline;}
.list-brand-box{padding: 10px 0;}
.justify-content-center {-ms-flex-pack: center!important;justify-content: center!important;}
.visible{visibility:visible!important}
.invisible{visibility:hidden!important}
.sss p{font-size: 1.8em;color:#fff;}
.sss b{font-size: 2em;color:#ffffff;}
.trdy{position: relative;padding: 0}
.trdy .container-fluid{z-index: 2;position: relative;}
.trdy{position: relative;background-position: center !important;background-size: cover !important;}
#trdy{padding: 40px 0 40px;background:#bd580f30}
#trdy>h2{color: #BD580F;font-weight: 700;}
#trdy p {color: #BD580F;margin-bottom: 1.5rem;font-weight: 500;padding: 1rem 1rem;font-size: 17px;}
#trdy{text-align: center;}
#trdy>button{background: #ffffff;padding: 1.2rem 2.5rem;text-transform: uppercase;border-radius: 50px;color: #BD580F;border:1px solid #BD580F;font-weight: 600;transition: all ease 0.4s;box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);-webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);}
#trdy>button:hover,.trdy-2>button:focus{background: #BD580F;color: #ffffff;border: 1px solid #BD580F;transition-delay: 15ms;}
#trdy>button>i{margin-left: 7px;}
.trdy-list{margin: 2rem 0 1rem;}
.trdy-list ul{margin: 0;padding: 0;text-align: center;}
.trdy-list ul li{display: inline-block;padding: 4px;list-style: none;}
.trdy-list ul li button{display: inline-block;color: #ffffff;padding: 6px 18px;border-radius: 50px;background:#BD580F;font-size: 14px;border: 1px solid green;}
.trdy-list ul li button:focus,.trdy-list ul li button:hover{background: #ffffff;color:#BD580F;border: 1px solid #BD580F;transition-duration: 1s;}
#hb{padding: 40px 0 40px;background:#ff600036;}
#hb>h2{color: #ff6000;font-weight: 700;}
#hb p{color: #ff6000;margin-bottom: 1.5rem;font-weight: 500;padding: 1rem 1rem;font-size: 17px;}
#hb{text-align: center;}
#hb>button{background: #ffffff;padding: 1.2rem 2.5rem;text-transform: uppercase;border-radius: 50px;color: #ff6000;border:1px solid #ff6000;font-weight: 600;transition: all ease 0.4s;box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);-webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);}
#hb>button:hover,.trdy-2>button:focus{background: #ff6000;color: #ffffff;border: 1px solid #ff6000;transition-delay: 15ms;}
#hb>button>i{margin-left: 7px;}
.hb-list{margin: 2rem 0 1rem;}
.hb-list ul{margin: 0;padding: 0;text-align: center;}
.hb-list ul li{display: inline-block;padding: 4px;list-style: none;}
.hb-list ul li button{display: inline-block;color: #ffffff;padding: 6px 18px;border-radius: 50px;background:#ff6000;font-size: 14px;border: 1px solid green;}
.hb-list ul li button:focus,.ccspt-list ul li button:hover{background: #ffffff;color:#ff6000;border: 1px solid #ff6000;transition-duration: 1s;}
.g-seo-content-container{max-width:1100px;margin:30px auto;padding:0 15px;font-family:Arial,sans-serif;line-height:1.6}
.g-main-title{color:var(--ana-renk);text-align:center;font-size:28px;margin-bottom:25px;padding-bottom:10px;}
.g-section-title,.g-product-title{color:#2E7D32;font-size:22px;margin-top:30px;margin-bottom:15px}
.g-product-title{font-size:18px;font-weight:bold;margin-top:20px}
.g-intro-paragraph{font-size:16px;margin-bottom:15px}
.g-benefit-list{list-style-type:none;padding-left:0}
.g-benefit-list li{padding-left:25px;margin-bottom:10px}
.g-call-to-action{background-color:#fff0f0;border-left:5px solid #ff4500;padding:20px;margin:30px 0;font-style:italic;font-size:17px;color:#333;text-align:center}
.g-seo p {font-size: 20px;font-weight: 500;}
.g-seo h1 {font-size: 30px; }
.g-seo ul>li{text-align: left;font-size: 18px;font-weight: 500;}
.g-seo ul>li>strong{text-align: left;font-size: 22px;font-weight: 600;}
.g-seo blockquote{color: var(--ana-renk);padding: 15px 20px;font-size: 28px;font-weight: 600;border-radius: 10px;border: 3px solid var(--ana-renk);}
.g-seo blockquote #gbutton{background: #ffffff;padding: 1rem 2rem;text-transform: uppercase;border-radius: 50px;display:inline-block;color: #2E7D32;border:1px solid #2E7D32;font-weight: 600;margin-top: 1rem;font-size:18px;transition: all ease 0.4s;box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);-webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);}
.g-seo blockquote #gbutton:hover,.g-seo blockquote #gbutton:focus{background: #2E7D32;color: #ffffff; border: 1px solid #2E7D32;transition-delay: 15ms;}
.g-seo blockquote #gbutton i{margin-left: 7px;}
@media (max-width: 768px) {.g-main-title{font-size: 20px;}}