/* GENERATED — python scripts/build-architecture-bundle.py */
/* Do not edit. Source: architecture/index.css + @import targets. */
@layer kill-legacy, vendor-base, base, layout, components, pages, vendor-overrides, theme, responsive, utilities;
@layer vendor-base {
/*!

 * Bootstrap v4.1.3 (https://getbootstrap.com/)

 * Copyright 2011-2018 The Bootstrap Authors

 * Copyright 2011-2018 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::after,.was-validated .custom-file-input:valid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::after,.was-validated .custom-file-input:invalid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-label::after{border-color:#80bdff}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}

/*# sourceMappingURL=bootstrap.min.css.map */
@font-face {

  font-family: 'bain';

  src:  url('../plugins/bain/fonts/bain.eot?mwapyw');

  src:  url('../plugins/bain/fonts/bain.eot?mwapyw#iefix') format('embedded-opentype'),

    url('../plugins/bain/fonts/bain.ttf?mwapyw') format('truetype'),

    url('../plugins/bain/fonts/bain.woff?mwapyw') format('woff'),

    url('../plugins/bain/fonts/bain.svg?mwapyw#bain') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: block;

}



[class^="bain-"], [class*=" bain-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'bain' !important;

  speak: never;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.bain-photos:before {

  content: "\e924";

}

.bain-heart:before {

  content: "\e923";

}

.bain-empty-star:before {

  content: "\e922";

}

.bain-comments-with-check:before {

  content: "\e900";

}

.bain-car-2:before {

  content: "\e901";

}

.bain-key:before {

  content: "\e902";

}

.bain-cars-hands:before {

  content: "\e903";

}

.bain-gift:before {

  content: "\e904";

}

.bain-envelope:before {

  content: "\e905";

}

.bain-hourglass:before {

  content: "\e908";

}

.bain-driving-summary:before {

  content: "\e909";

}

.bain-time-with-plus-2:before {

  content: "\e90a";

}

.bain-valet-wallet:before {

  content: "\e90b";

}

.bain-car-wallet:before {

  content: "\e90c";

}

.bain-time-with-plus:before {

  content: "\e90d";

}

.bain-doc-plain-text:before {

  content: "\e90e";

}

.bain-times-with-circle:before {

  content: "\e90f";

}

.bain-process:before {

  content: "\e910";

}

.bain-location-magnifying-glass:before {

  content: "\e911";

}

.bain-wait:before {

  content: "\e912";

}

.bain-timer:before {

  content: "\e913";

}

.bain-tasks:before {

  content: "\e914";

}

.bain-check-with-circle:before {

  content: "\e915";

}

.bain-data:before {

  content: "\e916";

}

.bain-reservation:before {

  content: "\e917";

}

.bain-car-w-tl:before {

  content: "\e918";

}

.bain-car-rear:before {

  content: "\e919";

}

.bain-doc:before {

  content: "\e91a";

}

.bain-map-maker:before {

  content: "\e906";

}

.bain-bag:before {

  content: "\e91c";

}

.bain-home-2:before {

  content: "\e91d";

}

.bain-trash-2:before {

  content: "\e91e";

}

.bain-check-2:before {

  content: "\e91f";

}

.bain-cars-2:before {

  content: "\e920";

}

.bain-cars:before {

  content: "\e921";

}

.bain-user:before {

  content: "\e92b";

}

.bain-bell:before {

  content: "\e92c";

}

.bain-rosette:before {

  content: "\e92d";

}

.bain-danger:before {

  content: "\e92e";

}

.bain-ticket:before {

  content: "\e92f";

}

.bain-credit-card:before {

  content: "\e930";

}

.bain-home:before {

  content: "\e931";

}

.bain-wind:before {

  content: "\e932";

}

.bain-pet:before {

  content: "\e933";

}

.bain-times-2:before {

  content: "\e934";

}

.bain-sort-alt:before {

  content: "\e935";

}

.bain-settings:before {

  content: "\e936";

}

.bain-windshield-front-wiper-drop:before {

  content: "\e937";

}

.bain-suitcase:before {

  content: "\e938";

}

.bain-windshield-front-wiper:before {

  content: "\e939";

}

.bain-gear:before {

  content: "\e93a";

}

.bain-car:before {

  content: "\e93b";

}

.bain-edit:before {

  content: "\e93c";

}

.bain-empty-heart:before {

  content: "\e940";

}

.bain-exclamation-mark:before {

  content: "\e941";

}

.bain-play:before {

  content: "\e942";

}

.bain-trash:before {

  content: "\e943";

}

.bain-camera:before {

  content: "\e944";

}

.bain-photo-circle:before {

  content: "\e945";

}

.bain-info:before {

  content: "\e946";

}

.bain-check:before {

  content: "\e947";

}

.bain-plus-w-square:before {

  content: "\e948";

}

.bain-times:before {

  content: "\e949";

}

.bain-plus:before {

  content: "\e94a";

}

.bain-minus:before {

  content: "\e907";

}

.bain-half-star:before {

  content: "\e94c";

}

.bain-star:before {

  content: "\e94d";

}

.bain-search:before {

  content: "\e94e";

}

.bain-calendar-minus:before {

  content: "\e94f";

}

.bain-location:before {

  content: "\e950";

}

.bain-long-arrow-up:before {

  content: "\e951";

}

.bain-long-arrow-left:before {

  content: "\e952";

}

.bain-long-arrow-down:before {

  content: "\e953";

}

.bain-long-arrow-right:before {

  content: "\e954";

}

.bain-arrow-forward-circle-top:before {

  content: "\e955";

}

.bain-arrow-forward-circle-left:before {

  content: "\e956";

}

.bain-arrow-forward-circle-down:before {

  content: "\e957";

}

.bain-arrow-forward-circle-right:before {

  content: "\e958";

}

.bain-arrow-circle:before {

  content: "\e91b";

}

.bain-angle-right:before {

  content: "\e95a";

}

.bain-signal:before {

  content: "\e95b";

}

.bain-angle-up:before {

  content: "\e95c";

}

.bain-angle-left:before {

  content: "\e95d";

}

.bain-angle-down:before {

  content: "\e95e";

}
}

@layer vendor-base {
*{font-family:Inter,sans-serif}html{scroll-behavior:smooth}a,button{cursor:pointer}a,a:focus,a:hover,button,button:focus,button:hover{outline:none!important;text-decoration:none!important}#goTpButton{background-color:#401fe5;border-radius:4px;bottom:65px;display:inline-block;height:50px;opacity:0;position:fixed;right:12px;text-align:center;transition:background-color .3s,opacity .5s,visibility .5s;visibility:hidden;width:50px;z-index:8}#goTpButton:after{color:#fff;content:"\f077";font-family:Font Awesome\ 5 Free;font-size:2em;font-weight:700;line-height:50px}#goTpButton.show-active{opacity:1;visibility:visible}.container-2{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.cs-sticky-header-1{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#001529;border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 3px 10px 0 rgba(0,0,0,.33);position:sticky;top:0;z-index:10}.cs-header-row-1{align-items:center;display:flex;flex-wrap:nowrap;margin-left:0;margin-right:0}.cs-header-row-1 .cshr1-col-1{flex:0 0 auto;max-width:none}.cs-header-row-1 .cshr1-col-1,.cs-header-row-1 .cshr1-col-2{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-header-row-1 .cshr1-col-2{flex:1 1 auto;max-width:none;min-width:0}.cs-header-row-1 .cshr1-col-3{flex:0 0 auto;max-width:none;min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-main-logo-1 img{max-height:62px}.cs-main-menu-1{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;list-style:none;margin:0;padding:0}.cs-main-menu-1 .main-li-1{margin-right:15px}.cs-main-menu-1 .main-li-1:last-child{margin-right:0}.cs-main-menu-1 .main-li-1 .main-a-1{background-color:transparent;border-radius:18px;color:hsla(0,0%,100%,.95);display:block;font-size:14px;font-weight:400;line-height:22px;padding:20px 10px;transition:all .3s ease}.cs-main-menu-1 .main-li-1 .main-a-1:hover{box-shadow:0 0 18px rgba(37,99,235,.45);color:#fff;text-shadow:0 0 12px rgba(37,99,235,.35)}.cs-main-menu-1 .main-li-1 .main-a-1.active{color:#fff}.cs-main-menu-1 .main-li-1 .main-a-1.active:before{background-color:rgba(59,130,246,.95);border-radius:50%;content:"";display:inline-block;height:10px;margin-left:-15px;margin-right:5px;width:10px}.cs-main-menu-1 .main-li-1 .main-a-1.main-dd-l-1:after{content:"\e95e";font-family:bain!important;font-size:6px;padding-left:5px;position:relative;top:-3px}.cs-main-menu-1 .main-li-1.dd-active-1 .main-a-1{background:linear-gradient(135deg,#001f3f,#1e3a8a);color:#fff}.cs-main-menu-1 .main-li-1.dd-active-1 .main-a-1.main-dd-l-1:after{content:"\e95c"}.cs-main-menu-1 .main-li-1.dd-active-1 .main-a-1.active:before{display:none}.cs-main-menu-1 .main-li-1.dd-active-1 .main-dd-d-1{opacity:1;visibility:visible}.cs-main-menu-1 .main-li-1 .main-dd-d-1{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(0,31,63,.82);border:1px solid hsla(0,0%,100%,.16);border-radius:18px;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);margin-top:-30px;opacity:0;position:absolute;transition:all .2s ease;visibility:hidden;width:260px;z-index:4}.cs-main-menu-1 .main-li-1 .main-dd-d-1 .mdd-m-1{list-style:none;margin:0;padding:5px 0}.cs-main-menu-1 .main-li-1 .main-dd-d-1 .mdd-m-1 .mdd-m-i-1{border-bottom:1px solid #ededed}.cs-main-menu-1 .main-li-1 .main-dd-d-1 .mdd-m-1 .mdd-m-i-1:last-child{border:0}.cs-main-menu-1 .main-li-1 .main-dd-d-1 .mdd-m-1 .mdd-m-l-1{color:hsla(0,0%,100%,.92);display:block;font-size:14px;font-weight:400;line-height:22px;padding:10px 25px}.cs-main-menu-1 .main-li-1 .main-dd-d-1 .mdd-m-1 .mdd-m-l-1:hover{background-color:hsla(0,0%,100%,.06);color:#fff}.cs-main-menu-1 .main-li-1 .main-dd-d-1 .mdd-m-1 .mdd-m-l-1.active{color:#fff}.cs-main-menu-1 .main-li-1 .main-dd-d-1 .mdd-m-1 .mdd-m-l-1.active:before{background-color:rgba(59,130,246,.95);border-radius:50%;content:"";display:inline-block;height:10px;margin-left:-15px;margin-right:5px;width:10px}.cs-header-row-2{align-items:center;display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.cs-header-row-2 .cshr2-col-1{flex:0 0 auto;max-width:none;min-width:72px;width:auto}.cs-header-row-2 .cshr2-col-1,.cs-header-row-2 .cshr2-col-2{min-height:1px;padding-left:10px;padding-right:10px;position:relative;width:100%}.cs-header-row-2 .cshr2-col-2{flex:0 0 calc(100% - 195px);max-width:calc(100% - 195px)}.cs-header-btn-1{align-items:center;background-color:#f0edff;border:1px solid transparent;border-radius:50%;color:#272727;display:flex;font-size:24px;height:45px;justify-content:center;line-height:1;position:relative;transition:all .3s ease;width:100%}.cs-header-btn-1:hover{background-color:#fff;border-color:#3f22e4;color:#3f22e4}.cs-header-btn-1.notification,.cs-header-btn-1:hover{box-shadow:0 5px 8px 0 rgba(64,34,229,.3)}.cs-header-btn-1.notification:before{background-color:#401fe5;border-radius:50%;content:"";height:10px;position:absolute;right:12px;top:8px;width:10px}.cs-header-btn-2{align-items:center;background-color:#f0edff;border:1px solid transparent;border-radius:50%;color:#401fe5;display:flex;font-size:24px;height:45px;justify-content:center;line-height:1;position:relative;transition:all .3s ease;width:100%}.cs-header-btn-2:hover{background-color:#fff;border-color:#3f22e4;color:#3f22e4}.cs-header-btn-2.active,.cs-header-btn-2:hover{box-shadow:0 5px 8px 0 rgba(64,34,229,.3)}.cs-header-btn-3{align-items:center;background-color:#401fe5;border:1px solid transparent;border-radius:22px;color:#f6fdfd;display:flex;font-size:14px;font-weight:600;justify-content:center;line-height:22px;min-height:45px;padding:5px 10px;position:relative;transition:all .3s ease;white-space:nowrap;width:100%}.cs-header-btn-3 i{font-size:20px;padding-left:5px;position:relative;top:2px}.cs-header-btn-3:hover{background-color:#fff;border-color:#3f22e4;box-shadow:0 5px 8px 0 rgba(64,34,229,.3);color:#401fe5}.cs-globe-dd-1.dd-active-1 .csgdd1-d-1{opacity:1;visibility:visible}.cs-globe-dd-1 .csgdd1-d-1{background-color:#fff;border:.5px solid #401fe5;border-radius:18px;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);left:10px;margin-top:0;opacity:0;position:absolute;transition:all .2s ease;visibility:hidden;width:calc(100% - 20px);z-index:99}.cs-globe-dd-1 .csgdd1-d-1 .csgdd1-m-1{list-style:none;margin:0;padding:5px 0}.cs-globe-dd-1 .csgdd1-d-1 .csgdd1-m-1 .mdd-m-i-1{border-bottom:1px solid #ededed}.cs-globe-dd-1 .csgdd1-d-1 .csgdd1-m-1 .mdd-m-i-1:last-child{border:0}.cs-globe-dd-1 .csgdd1-d-1 .csgdd1-m-1 .csgdd1-m-l-1{color:#454545;display:block;font-size:16px;font-weight:700;line-height:24px;padding:10px 25px}.cs-globe-dd-1 .csgdd1-d-1 .csgdd1-m-1 .csgdd1-m-l-1:hover{color:#401fe5}.cs-globe-dd-1 .csgdd1-d-1 .csgdd1-m-1 .csgdd1-m-l-1.active{color:#27c1b2}.cs-globe-dd-1 .csgdd1-d-1 .csgdd1-m-1 .csgdd1-m-l-1.active:before{background-color:#27c1b2;border-radius:50%;content:"";display:inline-block;height:10px;margin-left:-15px;margin-right:5px;width:10px}.cs-header-btn-4{align-items:center;background-color:#401fe5;border:1px solid transparent;border-radius:22px;color:#f6fdfd;display:flex;font-size:16px;font-weight:600;line-height:22px;min-height:45px;padding:2px;position:relative;transition:all .3s ease;width:100%}.cs-header-btn-4 .image-d-1{flex:0 0 40px;max-width:40px}.cs-header-btn-4 .image-d-1 img{border-radius:50%;max-height:40px}.cs-header-btn-4 .image-d-1 .fake-char-i-1{align-items:center;background-color:#27c1b2;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;padding:1px;width:100%}.cs-header-btn-4 .name-d-1{flex:0 0 calc(100% - 40px);max-width:calc(100% - 40px);padding-left:5px}.cs-header-btn-4 .name-d-1 .name-t-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#f6fdfd;display:-webkit-box;font-size:16px;font-weight:600;line-height:22px;margin:0;max-height:22px;min-height:22px;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.cs-header-btn-4:hover{background-color:#fff;border-color:#3f22e4;box-shadow:0 5px 8px 0 rgba(64,34,229,.3);color:#401fe5}.cs-header-btn-4:hover .name-t-1{color:#401fe5}.cs-humberge-m-1{cursor:pointer;height:14px;margin:0 auto;max-width:32px;position:relative;width:100%}.cs-humberge-m-1-top{animation-fill-mode:forwards;animation-name:topreverse;animation-timing-function:cubic-bezier(.77,0,.175,1);top:0}.cs-humberge-m-1-bottom,.cs-humberge-m-1-top{animation-duration:.65s;background:#401fe5;border-radius:1px;height:4px;position:absolute;transform:rotate(0deg);width:100%}.cs-humberge-m-1-bottom{animation-fill-mode:forwards;animation-name:bottomreverse;animation-timing-function:cubic-bezier(.77,0,.175,1);bottom:0}.cs-humberge-m-1.is-active .cs-humberge-m-1-top{animation-duration:.65s;animation-fill-mode:forwards;animation-name:top;animation-timing-function:cubic-bezier(.77,0,.175,1);top:28.8333333333%}.cs-humberge-m-1.is-active .cs-humberge-m-1-bottom{animation-duration:.65s;animation-fill-mode:forwards;animation-name:bottom;animation-timing-function:cubic-bezier(.77,0,.175,1);bottom:45.8333333333%}.cs-humberge-m-1.is-active .no-animation{animation:none}@keyframes top{0%{top:0}60%{top:45.8333333333%;transform:rotate(0deg)}to{transform:rotate(45deg)}}@keyframes bottom{0%{bottom:0}60%{bottom:45.8333333333%;transform:rotate(0deg)}to{transform:rotate(-45deg)}}@keyframes topreverse{0%{top:45.8333333333%;transform:rotate(45deg)}60%{top:45.8333333333%;transform:rotate(0deg)}to{top:0}}@keyframes bottomreverse{0%{bottom:45.8333333333%;transform:rotate(-45deg)}60%{bottom:45.8333333333%;transform:rotate(0deg)}to{bottom:0}}.cs-mobile-menu-d-1{background-color:#fff;bottom:0;display:block;height:0;left:0;margin:0;overflow:hidden;position:fixed;right:0;top:94px;transition:background .44s cubic-bezier(.52,.16,.24,1) .2s,height .56s cubic-bezier(.52,.16,.24,1);width:100%;z-index:98}.cs-mobile-menu-d-1.active{height:calc(100vh - 94px)}.cs-mobile-menu-d-1.active .content-area-1{opacity:1;overflow-y:auto}.cs-mobile-menu-d-1.active .image-area-1 .image-3{left:5vw}.cs-mobile-menu-d-1 .content-area-1{display:block;margin:0 auto;max-height:60vh;max-width:600px;opacity:0;overflow:hidden;padding:45px 40px;transition:opacity .3s ease;transition-delay:.25s}.cs-mobile-menu-d-1 .image-area-1{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.cs-mobile-menu-d-1 .image-area-1 .image-1{left:50%;position:absolute;top:0;transform:translateX(-50%);z-index:-1}.cs-mobile-menu-d-1 .image-area-1 .image-2{bottom:50px;left:0;max-width:unset;position:absolute;width:100%;z-index:-1}.cs-mobile-menu-d-1 .image-area-1 .image-3{bottom:0;left:90vw;position:absolute;transition:all 2.5s ease;transition-delay:.3s;z-index:1}.cs-mobile-menu-1{list-style:none;margin:0;padding:0 0 30px}.cs-mobile-menu-1 .level-1{line-height:1;margin-bottom:5px}.cs-mobile-menu-1 .level-link-1{color:#401fe5;display:block;font-size:16px;font-weight:700;line-height:22px;padding:10px 20px 10px 0;position:relative;transition:all .3s ease}.cs-mobile-menu-1 .level-2{border-bottom:1px solid #401fe5;line-height:1;margin-bottom:5px}.cs-mobile-menu-1 .level-link-2{font-weight:700}.cs-mobile-menu-1 .level-link-2,.cs-mobile-menu-1 .level-link-3{color:#401fe5;display:block;font-size:14px;line-height:20px;padding:10px 10px 10px 0;position:relative;transition:all .3s ease}.cs-mobile-menu-1 .level-link-3{font-weight:400}.cs-mobile-menu-1 .dd-menu-l-1:after,.cs-mobile-menu-1 .dd-menu-l-2:after{content:"\e95e";font-family:bain!important;font-size:8px;line-height:1;pointer-events:none;position:absolute;right:4px;top:15px;transition:all .3s ease;z-index:1}.cs-mobile-menu-1 .dd-menu-l-1.active:after,.cs-mobile-menu-1 .dd-menu-l-2.active:after{transform:rotate(-180deg)}.cs-mobile-menu-1 .dd-menu-d-1{background-color:#f0edff;border-radius:5px 5px 0 0;display:none;padding:10px}.cs-mobile-menu-1 .dd-menu-1{list-style:none;margin:0;padding:0}.cs-mobile-menu-1 .dd-menu-1 .level-2:last-child{border:0;margin:0}.cs-footer-1{background-color:#001529;padding:35px 0;position:relative;z-index:1}.cs-footer-row-1{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.cs-footer-row-1 .csfr1-col-1{flex:0 0 240px;max-width:240px}.cs-footer-row-1 .csfr1-col-1,.cs-footer-row-1 .csfr1-col-2{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-footer-row-1 .csfr1-col-2{flex:0 0 calc(20% - 48px);max-width:calc(20% - 48px)}.cs-footer-image-1{margin-bottom:40px}.cs-footer-image-1 img{max-height:190px}.cs-download-app-1{margin-bottom:30px}.cs-download-app-1 .text-1{color:#fff;font-size:18px;font-weight:700;line-height:24px;margin-bottom:20px}.cs-download-app-1 .image-m-1{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cs-download-app-1 .image-m-1 li{margin-bottom:15px;margin-right:8px}.cs-download-app-1 .image-m-1 li:last-child{margin-right:0}.cs-download-app-1 .image-m-1 li img{height:100%;max-height:42px;min-height:42px;width:100%}.cs-social-menu-1{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0;padding:0}.cs-social-menu-1 li{margin-bottom:10px;margin-right:8px}.cs-social-menu-1 li:last-child{margin-right:0}.cs-social-menu-1 li a{align-items:center;background-color:transparent;border-radius:5px;color:#27c1b2;display:flex;font-size:18px;height:30px;justify-content:center;line-height:1;transition:all .4s ease;width:30px}.cs-social-menu-1 li a:hover{background-color:#fff;color:#27c1b2}.cs-wbg-head-1{color:#fff;font-size:18px;font-weight:700;line-height:26px;margin-bottom:30px}.cs-wbg-head-1 span{display:inline-block;padding:0 3px;position:relative;z-index:1}.cs-wbg-head-1 span:before{background-color:#331ab1;border-radius:12px;bottom:5px;content:"";display:block;height:8px;left:0;position:absolute;width:100%;z-index:-1}.cs-footer-menu-1{list-style:none;margin:0;padding:0}.cs-footer-menu-1 li{margin-bottom:15px}.cs-footer-menu-1 li a{color:#fff;font-size:18px;font-weight:600;line-height:26px;transition:all .3s ease}.cs-footer-menu-1 li a:hover{opacity:.5}.cs-footer-menu-2{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;list-style:none;margin:0;padding:0}.cs-footer-menu-2 li{margin-right:24px;position:relative;z-index:1}.cs-footer-menu-2 li:after{background-color:#fff;content:"";display:block;height:20px;position:absolute;right:-12px;top:2px;width:1px;z-index:1}.cs-footer-menu-2 li:last-child{margin-right:0}.cs-footer-menu-2 li:last-child:after{display:none}.cs-footer-menu-2 li a{color:#fff;font-size:18px;font-weight:600;line-height:26px;opacity:.5;transition:all .3s ease}.cs-footer-menu-2 li.active a{opacity:1}.cs-full-container-1{margin:0 auto;max-width:1920px;width:100%}.cs-slider-1{background-color:#fff}.cs-slider-1.owl-theme .owl-nav{bottom:80px;left:50%;margin:0 auto;max-width:1390px;padding:0 45px;position:absolute;text-align:left;transform:translateX(-50%);width:100%;z-index:1}.cs-slider-1.owl-theme .owl-nav [class*=owl-]{color:#27c1b2;font-size:30px;line-height:1}.cs-slider-1.owl-theme .owl-nav [class*=owl-]:first-child{margin-right:20px}.cs-slider-1.owl-theme .owl-nav [class*=owl-]:focus,.cs-slider-1.owl-theme .owl-nav [class*=owl-]:hover{background:transparent}.cs-slider-1.owl-theme .owl-nav [class*=owl-]:hover{opacity:.6}.cs-slider-1 .slider-container-1{align-items:center;background-blend-mode:multiply;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:flex;flex-wrap:wrap;height:550px}.cs-slider-1 .slider-container-2{align-items:center;background-position:100%!important;background-repeat:no-repeat!important;background-size:contain!important;display:flex;flex-wrap:wrap;height:550px}.cs-slider-1 .slider-content-1{max-width:460px;padding-left:30px;width:100%}.cs-slider-1 .desc-1{color:#fff}.cs-slider-1 .desc-1,.cs-slider-1 .desc-2{font-size:24px;font-weight:600;letter-spacing:.2px;line-height:30px;margin-bottom:30px}.cs-slider-1 .desc-2{color:#041614}.cs-slider-1 .action-menu-1{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cs-slider-1 .action-menu-1 li{margin-bottom:10px;margin-right:25px}.cs-slider-1 .action-menu-1 li:last-child{margin-right:0}.cs-slider-1 .logo-m-1{bottom:-120px;list-style:none;margin:0;padding:0;position:absolute;right:15px;z-index:1}.cs-slider-1 .logo-m-1 li{margin-bottom:15px}.cs-slider-1 .logo-m-1 li:last-child{margin-bottom:0}.cs-slider-1 .logo-m-1 li img{max-width:155px;min-height:55px}.cs-white-btn-1{align-items:center;background-color:#fff;border:0;border-radius:12px;color:#041614;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-white-btn-1 i{padding-left:10px}.cs-white-btn-1:hover{background-color:#041614;color:#fff}.cs-white-outline-btn-1{align-items:center;background-color:transparent;border:1px solid #fff;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-white-outline-btn-1 i{padding-left:10px}.cs-white-outline-btn-1:hover{background-color:#fff;color:#041614}.cs-primary-btn-1{align-items:center;background-color:#27c1b2;border:0;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-primary-btn-1 i{padding-left:10px}.cs-primary-btn-1:hover{background-color:#401fe5;color:#fff}.cs-black-outline-btn-1{align-items:center;background-color:transparent;border:1px solid #041614;border-radius:12px;color:#041614;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-black-outline-btn-1 i{padding-left:10px}.cs-black-outline-btn-1:hover{background-color:#041614;color:#fff}.cs-secondary-btn-1{align-items:center;background-color:#401fe5;border:1px solid transparent;border-radius:30px;color:#fff;display:inline-flex;font-size:22px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:26px;min-height:58px;min-width:130px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-secondary-btn-1 i{padding-right:10px}.cs-secondary-btn-1:hover{background-color:#fff;border-color:#401fe5;box-shadow:0 5px 8px 0 rgba(64,34,229,.3);color:#401fe5}.cs-homepage-sec-2{margin-bottom:80px;margin-top:-35px;position:relative;z-index:2}.cs-loc-date-d-1{align-items:center;background-color:#fff;border:1px solid #3830dc;border-radius:40px;display:flex;flex-wrap:wrap;margin:0 auto;max-width:970px;min-height:70px;width:100%}.cs-loc-date-d-1 .csld1-col-1{border:1px solid transparent;border-right-color:#3830dc;flex:0 0 310px;max-width:310px;min-height:1px;padding:6px 15px;position:relative;transition:all .2s ease;width:100%}.cs-loc-date-d-1 .csld1-col-1.active{background-color:#e7f2f2;border-color:#3830dc;border-radius:40px}.cs-loc-date-d-1 .csld1-col-1.active .cs-icon-box-1:after{content:"\e949";font-size:12px}.cs-loc-date-d-1 .csld1-col-1.active .search-m-d-1{opacity:1;visibility:visible}.cs-loc-date-d-1 .csld1-col-1.deactive{border-right-color:#fff}.cs-loc-date-d-1 .csld1-col-2{border:1px solid transparent;border-radius:40px;flex:0 0 500px;max-width:500px;min-height:1px;padding:6px 15px;position:relative;transition:all .2s ease;width:100%}.cs-loc-date-d-1 .csld1-col-2.active{background-color:#e7f2f2;border-color:#3830dc;border-radius:40px}.cs-loc-date-d-1 .csld1-col-2.active .cs-icon-box-1:after{content:"\e949";font-size:12px}.cs-loc-date-d-1 .csld1-col-2 .row .col-12:first-child .cs-icon-box-1:after{display:none}.cs-loc-date-d-1 .csld1-col-3{flex:0 0 158px;max-width:158px;min-height:1px;padding:6px;position:relative;text-align:right;width:100%}.cs-icon-box-1{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;position:relative}.cs-icon-box-1:after{color:#041614;content:"\e95e";font-family:bain!important;font-size:10px;line-height:1;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.cs-icon-box-1 .csib1-col-1{flex:0 0 45px;max-width:45px;text-align:center}.cs-icon-box-1 .csib1-col-1,.cs-icon-box-1 .csib1-col-2{min-height:1px;padding-left:5px;padding-right:5px;position:relative;width:100%}.cs-icon-box-1 .csib1-col-2{flex:0 0 calc(100% - 45px);max-width:calc(100% - 45px)}.cs-icon-box-1 .desc-1{color:#7287fd;font-size:34px;line-height:1;margin:0}.cs-icon-box-1 .desc-2{color:#041614;font-size:16px;font-weight:600;line-height:24px;margin:0}.cs-icon-box-1 label{color:#7287fd;cursor:pointer;font-size:14px;font-weight:600;line-height:22px;margin-bottom:8px}.cs-icon-box-1 input{background-color:transparent;border:0;color:#041614;font-size:16px;font-weight:600;height:auto;line-height:22px;padding:1px 0}.cs-icon-box-1 input:focus{background-color:transparent;box-shadow:none;color:#041614;outline:none}.cs-icon-box-1 input::-moz-placeholder{color:#041614;font-size:16px;font-weight:600;line-height:22px}.cs-icon-box-1 input::placeholder{color:#041614;font-size:16px;font-weight:600;line-height:22px}.cs-icon-box-1 .search-m-d-1{background-color:#e7f2f2;border:1px solid #3830dc;border-radius:40px;left:-10px;opacity:0;padding:20px 25px;position:absolute;top:75px;transition:all .3s ease;visibility:hidden;width:calc(100% + 25px);z-index:9}.cs-icon-box-1 .search-m-d-1.active{opacity:1;visibility:visible}.cs-icon-box-1 .search-m-d-1 .smm-d-1{max-height:150px;overflow:hidden;overflow-y:auto;position:relative;scrollbar-color:#f4f5f7;scrollbar-width:thin}.cs-icon-box-1 .search-m-d-1 .smm-d-1::-webkit-scrollbar{height:5px;width:5px}.cs-icon-box-1 .search-m-d-1 .smm-d-1::-webkit-scrollbar-track{background:#f4f5f7}.cs-icon-box-1 .search-m-d-1 .smm-d-1::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:20px}.cs-icon-box-1 .search-m-d-1 .smm-d-1::-webkit-scrollbar-thumb:hover{background:#d3d3d3}.cs-icon-box-1 .search-m-d-1 ul{list-style:none;margin:0;padding:0}.cs-icon-box-1 .search-m-d-1 ul li{line-height:1}.cs-icon-box-1 .search-m-d-1 a{color:#041614;display:block;font-size:16px;font-weight:600;line-height:24px;margin-bottom:10px;transition:all .3s ease}.cs-icon-box-1 .search-m-d-1 a:hover{opacity:.6}.cs-datetime-picker-1{bottom:0;left:0;position:absolute;width:100%;z-index:-1}.daterangepicker{background-color:#e7f2f2;border:1px solid #3830dc;border-radius:40px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.daterangepicker:after,.daterangepicker:before{display:none}.daterangepicker .calendar-table{background-color:#e7f2f2;border:0}.daterangepicker .drp-calendar.left{border-right:1px solid #3830dc;padding:15px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:15px 8px 8px}.daterangepicker .drp-buttons{border-color:#3830dc;padding:15px 20px}.daterangepicker td{position:relative}.daterangepicker td.in-range{background-color:rgba(39,193,178,.3)}.daterangepicker td.disabled,.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background:transparent;color:#aaa}.daterangepicker td.available:hover{background-color:rgba(39,193,178,.4);color:#272727}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#27c1b2}.daterangepicker td.today{background-color:transparent;border:2px solid #5dbeb2;color:#272727;font-weight:700}.daterangepicker th.available:hover{background-color:rgba(39,193,178,.4);color:#272727}.daterangepicker option.disabled{background:transparent;color:#aaa}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{background:transparent;border:1px solid #3830dc;border-radius:10px;padding:2px 5px}.daterangepicker .applyBtn1{background-color:#27c1b2!important;border-radius:10px!important;color:#f6fdfd!important;font-size:12px!important;font-weight:700!important;height:30px!important;line-height:1!important;min-width:110px!important;padding:2px 10px!important}.daterangepicker .applyBtn1:focus{box-shadow:none;outline:none}.daterangepicker .cancelBtn1{background-color:transparent!important;border-radius:10px!important;color:#696969!important;font-size:12px!important;font-weight:700!important;height:30px!important;line-height:1!important;min-width:110px!important;padding:2px 10px!important;text-decoration:underline!important}.daterangepicker .cancelBtn1:focus{box-shadow:none;outline:none}.daterangepicker .drp-selected{display:none}.daterangepicker.single .drp-calendar.left{border-right:0}.daterangepicker.single .drp-buttons{padding:15px 8px;text-align:center}.daterangepicker.single .drp-buttons .btn{margin-left:0;margin-right:8px}.cs-tab-slider-d-1{overflow-x:hidden;position:relative}.cs-homepage-sec-3{margin-bottom:66px}.cs-slider-row-1{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.cs-slider-row-1 .cssr1-col-1{flex:0 0 300px;max-width:300px;min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-slider-row-1 .cssr1-col-2{padding-left:70px;padding-right:15px}.cs-slider-row-1 .cssr1-col-2,.cs-slider-row-1 .cssr1-col-3{flex:0 0 calc(100% - 300px);max-width:calc(100% - 300px);min-height:1px;position:relative;width:100%}.cs-slider-row-1 .cssr1-col-3{padding-left:15px;padding-right:70px}.cs-slider-cont-1 .bg-image-1{position:absolute;right:-50px;top:0;z-index:-1}.cs-slider-cont-1 .bg-image-1.right{left:-50px}.cs-slider-cont-1 .bg-image-1 img{max-width:unset;width:600px}.cs-slider-2.owl-theme .owl-dots .owl-dot span{background:#d1d1d1;margin:5px;transition:all .2s ease}.cs-slider-2.owl-theme .owl-dots .owl-dot.active span{background-color:#27c1b2;width:24px}.cs-tab-container-1{max-width:820px;padding:30px 0 10px}.cs-wbg-head-2{color:#001529;font-size:52px;font-weight:800;line-height:64px;margin-bottom:50px}.cs-wbg-head-2 span{display:inline-block;padding:0 3px;position:relative;z-index:1}.cs-wbg-head-2 span:before{border-radius:12px;bottom:0;content:"";display:none;height:25px;left:0;position:absolute;width:100%;z-index:-1}.cs-wbg-head-2 span:before,.cs-wbg-head-2.color-1 span:before,.cs-wbg-head-2.color-2 span:before{background-color:transparent}.cs-navTabs-1{justify-content:space-between}.cs-navTabs-1.nav{margin-bottom:40px}.cs-navTabs-1.nav-tabs{border-color:#707070}.cs-navTabs-1.nav-tabs .nav-link{border:0;border-radius:0;color:#041614;font-size:20px;font-weight:400;line-height:28px;padding:15px 20px;position:relative;transition:all .3s ease}.cs-navTabs-1.nav-tabs .nav-link.active{background-color:transparent;border-color:unset;color:#27c1b2}.cs-navTabs-1.nav-tabs .nav-link.active:after{background-color:#27c1b2;border-radius:5px;bottom:-2px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:50px;z-index:1}.cs-navTabs-1.nav-tabs .nav-item.show{background-color:transparent;border-color:unset;color:#27c1b2}.cs-navTabs-1.color-1.nav-tabs .nav-link.active{color:#401fe5}.cs-navTabs-1.color-1.nav-tabs .nav-link.active:after{background-color:#401fe5}.cs-navTabs-1.color-1.nav-tabs .nav-item.show{color:#401fe5}.cs-navTabs-content-1{padding:0 25px}.cs-navTabs-content-1 .in-content-1 h1,.cs-navTabs-content-1 .in-content-1 h2,.cs-navTabs-content-1 .in-content-1 h3,.cs-navTabs-content-1 .in-content-1 h4,.cs-navTabs-content-1 .in-content-1 h5,.cs-navTabs-content-1 .in-content-1 h6{color:#041614;font-size:24px;font-weight:700;line-height:32px;margin-bottom:25px}.cs-navTabs-content-1 .in-content-1 p{color:#041614;font-size:20px;font-weight:400;line-height:32px;margin-bottom:15px}.cs-navTabs-content-1 .in-content-1 ol,.cs-navTabs-content-1 .in-content-1 ul{padding-right:15px}.cs-navTabs-content-1 .in-content-1 li{color:#041614;font-size:20px;font-weight:400;line-height:28px;margin-bottom:15px}.cs-navTabs-content-1 .in-content-1 a{color:#27c1b2}.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs{border-color:transparent;gap:8px;justify-content:flex-start!important}.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab{align-items:center;background-color:hsla(0,0%,100%,.5);border:1px solid rgba(4,22,20,.18);border-radius:12px;color:#041614;display:inline-flex;font-size:16px;font-weight:700;gap:12px;justify-content:flex-start;line-height:22px;padding:11px 18px;transition:all .25s ease}.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab:after{display:none!important}.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab{min-width:145px;white-space:nowrap}.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab .cs-rent-step-icon{color:inherit;font-size:16px;line-height:1}.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab.active{background:linear-gradient(135deg,#001f3f,#1e3a8a);border-color:hsla(0,0%,100%,.15);box-shadow:0 10px 25px rgba(0,0,0,.12);color:#fff}.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab.active .cs-rent-step-icon{color:#fff}.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab:hover{box-shadow:0 0 18px rgba(37,99,235,.22);transform:translateY(-2px)}@media (min-width:1200px){.cs-homepage-sec-3 .cs-slider-row-1 .cssr1-col-1{flex:1 1 0!important;max-width:100%!important;min-width:0!important;width:auto!important}.cs-homepage-sec-3 .cs-slider-row-1 .cssr1-col-2{flex:1 1 0!important;max-width:100%!important;min-width:0!important;width:auto!important;padding-left:20px!important}}@media (max-width:1199.98px){.cs-homepage-sec-3 .cs-slider-row-1 .cssr1-col-1,.cs-homepage-sec-3 .cs-slider-row-1 .cssr1-col-2{flex:1 1 100%!important;max-width:100%!important;width:100%!important;padding-left:0!important}}.cs-homepage-sec-3 .cssr1-col-1 .cs-slider-cont-1 .bg-image-1{border-radius:25px;height:398px;overflow:visible;right:0!important;width:100%}.cs-homepage-sec-3 .cssr1-col-1 .cs-slider-cont-1 .bg-image-1 img{border-radius:25px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.12));height:auto!important;max-width:800px!important;transform:scale(1.05);transform-origin:center;width:100%!important}.cs-homepage-sec-3 .imageSlider1{height:398px}.cs-homepage-sec-3 .imageSlider1 .item{align-items:center;background-color:#ededed;border-radius:25px;display:flex;height:398px;justify-content:center;overflow:visible;width:650px}.cs-homepage-sec-3 .imageSlider1 .owl-stage,.cs-homepage-sec-3 .imageSlider1 .owl-stage-outer{height:398px}.cs-homepage-sec-3 .imageSlider1 .how-it-works-img{border-radius:25px;display:block;filter:drop-shadow(0 30px 60px rgba(0,0,0,.12));height:100%;-webkit-mask-image:none;mask-image:none;-o-object-fit:contain;object-fit:contain;transform:scale(1.05);transform-origin:center;width:100%}.cs-homepage-sec-3 .cssr1-col-1 .cs-slider-cont-1 .bg-image-1 img{-webkit-mask-image:none;mask-image:none}.cs-homepage-sec-4{margin-bottom:66px}.cs-homepage-sec-4 .cssr1-col-3 .cs-tab-container-1{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.6);border-radius:24px;box-shadow:0 30px 80px rgba(15,23,42,.08),0 10px 30px rgba(15,23,42,.05);padding:50px!important;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.cs-homepage-sec-4 .cssr1-col-3 .cs-tab-container-1:before{background:radial-gradient(circle at 8% 12%,rgba(99,102,241,.22) 0,rgba(59,130,246,.14) 28%,hsla(0,0%,100%,0) 62%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.cs-homepage-sec-4 .cssr1-col-3 .cs-tab-container-1:hover{box-shadow:0 38px 96px rgba(15,23,42,.12),0 16px 40px rgba(15,23,42,.08);transform:translateY(-6px)}.cs-homepage-sec-4 .col-lg-6:first-child{position:relative}.cs-homepage-sec-4 .col-lg-6:first-child .cs-tab-container-1{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.6);border-radius:24px;box-shadow:0 30px 80px rgba(15,23,42,.08),0 10px 30px rgba(15,23,42,.05);padding:50px!important;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.cs-homepage-sec-4 .col-lg-6:first-child .cs-tab-container-1:before{background:radial-gradient(circle at 8% 12%,rgba(99,102,241,.22) 0,rgba(59,130,246,.14) 28%,hsla(0,0%,100%,0) 62%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.cs-homepage-sec-4 .col-lg-6:first-child .cs-tab-container-1:hover{box-shadow:0 38px 96px rgba(15,23,42,.12),0 16px 40px rgba(15,23,42,.08);transform:translateY(-6px)}.cs-homepage-sec-4 .cssr1-col-1 .cs-slider-cont-1{background:#f1f5f9;border-radius:24px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.65),inset 0 0 0 1px rgba(15,23,42,.03);overflow:hidden;padding:30px}.cs-homepage-sec-4 .cssr1-col-1 .cs-slider-cont-1 .bg-image-1{border-radius:20px;overflow:hidden}.cs-homepage-sec-4 .cssr1-col-1 .cs-slider-cont-1 img{border-radius:20px;height:auto;-webkit-mask-image:none;mask-image:none;-o-object-fit:contain;object-fit:contain;width:100%}.cs-homepage-sec-4 .cs-navTabs-content-1,.cs-homepage-sec-4 .in-content-1,.cs-homepage-sec-4 .tab-content,.cs-homepage-sec-4 .tab-pane{max-height:10000px!important;overflow-x:hidden!important;overflow-y:hidden!important}.cs-homepage-sec-5{margin-bottom:57px}.cs-homepage-sec-5 .left-side{border-right:2px solid #5dbeb2;margin-bottom:15px;text-align:left}.cs-homepage-sec-5 .right-side{margin-bottom:15px;text-align:right}.cs-homepage-sec-5 .image-d-1{margin-bottom:10px}.cs-homepage-sec-5 .content-d-1{margin-bottom:40px}.cs-global-desc-1{color:#041614;font-size:20px;font-weight:400;line-height:32px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:600px;width:100%}.cs-primary-btn-2{align-items:center;background-color:#27c1b2;border:0;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-primary-btn-2:hover{box-shadow:0 4px 6px 0 rgba(39,193,178,.65);color:#fff}.cs-secondary-btn-2{align-items:center;background-color:#401fe5;border:0;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-secondary-btn-2:hover{box-shadow:0 4px 6px 0 rgba(64,31,229,.65);color:#fff}.cs-homepage-sec-6{margin-bottom:57px}.cs-homepage-sec-6 .container{align-items:start;-moz-column-gap:56px;column-gap:56px;display:grid;grid-template-areas:"title title" "image text";grid-template-columns:minmax(360px,560px) minmax(320px,1fr);row-gap:18px}.cs-homepage-sec-6 .header-area-1{grid-area:title;padding-right:0}.cs-homepage-sec-6 .header-area-1 .cs-wbg-head-2{margin-bottom:8px}.cs-homepage-sec-6 .cs-global-desc-1{font-size:20px;grid-area:text;line-height:32px;margin-bottom:0!important;max-width:560px}.cs-homepage-sec-6 .cs-homepage-sec-6-hero-image{background:transparent;border-radius:24px;box-shadow:none;grid-area:image;margin-bottom:0;overflow:hidden;padding:0}.cs-homepage-sec-6 .cs-homepage-sec-6-hero-image img{border-radius:0;display:block;height:auto;width:100%}@media (max-width:991px){.cs-homepage-sec-6 .container{grid-template-areas:"title" "image" "text";grid-template-columns:1fr;row-gap:18px}.cs-homepage-sec-6 .cs-homepage-sec-6-hero-image{margin-bottom:20px}}.cs-homepage-sec-6 .slider-area-1{padding-left:14.5%}.cs-slider-3.owl-carousel .owl-stage{padding-left:0!important}.cs-slider-3.owl-theme .owl-nav{left:-15px;margin:0 auto;max-width:1230px;padding:0 15px;position:absolute;text-align:right;top:-100px;width:100%;z-index:1}.cs-slider-3.owl-theme .owl-nav [class*=owl-]{color:#401fe5;font-size:45px;line-height:1;margin:0 10px}.cs-slider-3.owl-theme .owl-nav [class*=owl-]:hover{background-color:transparent;color:#401fe5}.cs-slider-3.owl-theme .owl-nav .disabled{color:#696969;opacity:1}.cs-slider-3.owl-theme .owl-nav .disabled:hover{color:#696969}.cs-comment-box-1{background-color:#f6fdfd;border:.8px solid #5dbeb2;border-radius:20px;margin-bottom:15px;padding:25px 20px}.cs-comment-box-1 .head-area-1{display:flex;flex-wrap:wrap;margin-bottom:20px;margin-left:-10px;margin-right:-10px}.cs-comment-box-1 .head-area-1 .ha1-col-1{flex:0 0 112px;max-width:112px;min-height:1px;padding-left:10px;padding-right:10px;position:relative;width:100%}.cs-comment-box-1 .head-area-1 .ha1-col-2{flex:0 0 calc(100% - 112px);max-width:calc(100% - 112px);min-height:1px;padding-left:10px;padding-right:10px;position:relative;width:100%}.cs-comment-box-1 .user-profile-1{align-items:center;background-color:#401fe5;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:25px;color:#fff;display:flex;font-size:45px;font-weight:700;height:92px;justify-content:center;line-height:60px;text-align:center;width:100%}.cs-comment-box-1 .head-1{color:#041614;font-size:22px;font-weight:700;line-height:30px;margin-bottom:5px}.cs-comment-box-1 .desc-1{color:#041614;font-size:20px;font-weight:600;line-height:26px;margin-bottom:5px}.cs-comment-box-1 .desc-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#041614;display:-webkit-box;font-size:16px;font-weight:400;line-height:30px;margin-bottom:20px;max-height:60px;min-height:60px;overflow:hidden;text-overflow:ellipsis}.cs-comment-box-1 .desc-3{color:#041614;font-size:16px;font-weight:700;line-height:30px;margin-bottom:0}.cs-comment-box-1 .link-1{color:#041614;display:block;font-size:16px;font-weight:600;line-height:30px;text-decoration:underline!important}.cs-comment-box-1 .star-list-1{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cs-comment-box-1 .star-list-1 li{color:#f0c76a;font-size:18px;margin-right:5px}.cs-comment-box-1 .star-list-1 li:last-child{margin-right:0}.cs-comment-box-1 .star-list-1 li:before{content:"\e922";font-family:bain!important}.cs-comment-box-1 .star-list-1 li.full-star:before{content:"\e94d"}.cs-comment-box-1 .star-list-1 li.half-star:before{content:"\e94c"}.cs-comment-box-1 .bottom-area-1{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.cs-comment-box-1 .bottom-area-1 .ba1-col-1{flex:0 0 calc(100% - 130px);max-width:calc(100% - 130px);min-height:1px;padding-left:10px;padding-right:10px;position:relative;width:100%}.cs-comment-box-1 .bottom-area-1 .ba1-col-2{flex:0 0 130px;max-width:130px;min-height:1px;padding-left:10px;padding-right:10px;position:relative;text-align:right;width:100%}.cs-homepage-sec-7{margin-bottom:40px}.cs-homepage-sec-7 .container{align-items:start;-moz-column-gap:56px;column-gap:56px;display:grid;grid-template-areas:"title image" "text image" "slider slider";grid-template-columns:minmax(320px,1fr) minmax(360px,560px);row-gap:18px}.cs-homepage-sec-7 .header-area-1{grid-area:title;padding-right:0}.cs-homepage-sec-7 .header-area-1 .cs-wbg-head-2{margin-bottom:8px}.cs-homepage-sec-7 .cs-global-desc-1{grid-area:text;margin-bottom:0;max-width:560px}.cs-homepage-sec-7 .cs-homepage-sec-7-hero-image{background:transparent;border-radius:24px;box-shadow:none;grid-area:image;margin-bottom:0;overflow:hidden;padding:0}.cs-homepage-sec-7 .cs-homepage-sec-7-hero-image img{border-radius:0;display:block;height:auto;width:100%}.cs-homepage-sec-7 .imageFourSlider1,.cs-homepage-sec-7 .slider-area-1{grid-area:slider}@media (max-width:991px){.cs-homepage-sec-7 .container{grid-template-areas:"title" "image" "text" "slider";grid-template-columns:1fr;row-gap:16px}.cs-homepage-sec-7 .cs-homepage-sec-7-hero-image{margin-bottom:14px}}.cs-homepage-sec-7 .cs-slider-4.owl-theme .owl-nav{top:-185px}.cs-slider-4.owl-theme .owl-nav{left:-15px;margin:0 auto;max-width:1230px;padding:0 15px;position:absolute;text-align:right;top:-100px;width:100%;z-index:1}.cs-slider-4.owl-theme .owl-nav [class*=owl-]{color:#401fe5;font-size:45px;line-height:1;margin:0 10px}.cs-slider-4.owl-theme .owl-nav [class*=owl-]:hover{background-color:transparent;color:#401fe5}.cs-slider-4.owl-theme .owl-nav .disabled{color:#696969;opacity:1}.cs-slider-4.owl-theme .owl-nav .disabled:hover{color:#696969}.cs-city-box-1{text-align:center}.cs-city-box-1,.cs-city-box-1 .image-div-1{margin-bottom:15px}.cs-city-box-1 .image-div-1 img{margin:0 auto;max-height:195px;width:auto!important}.cs-city-box-1 .head-1{color:#041614;font-size:30px;font-weight:700;line-height:38px;margin:0}.cs-city-box-1 .head-1 i{font-size:17px;padding-left:10px}.cs-homepage-sec-8{margin-bottom:42px}.cs-homepage-sec-8.p-home-app{overflow:hidden;padding-left:0;padding-right:0;position:relative;width:100%}.cs-homepage-sec-8.p-home-app:before{background:linear-gradient(90deg,#001529,#1e3a8a 45%,#2563eb 70%,#1fa5a7);content:"";inset:0;position:absolute;z-index:-1}.cs-homepage-sec-8.p-home-app .p-home-app__bubble,.cs-homepage-sec-8.p-home-app .p-home-app__visual{align-items:center;display:flex;justify-content:center}.cs-homepage-sec-8.p-home-app .p-home-app__bubble{position:relative}.cs-homepage-sec-8.p-home-app .p-home-app__bubble:before{background:radial-gradient(circle at 25% 20%,rgba(59,130,246,.35) 0,rgba(59,130,246,0) 55%),radial-gradient(circle at 75% 60%,rgba(39,193,178,.28) 0,rgba(39,193,178,0) 55%),radial-gradient(circle at 45% 90%,rgba(0,31,41,.18) 0,rgba(0,31,41,0) 60%);border-radius:45% 55% 48% 52%/55% 45% 60% 40%;content:"";filter:blur(18px);height:520px;left:50%;opacity:.9;position:absolute;top:50%;transform:translate(-50%,-50%);width:520px;z-index:-1}.cs-homepage-sec-8.p-home-app .p-home-app__phone{height:auto!important;max-width:520px;position:relative;transform:perspective(900px) rotateY(-10deg) translateY(10px) scale(.95);width:100%;z-index:1}.cs-homepage-sec-8 .cs-full-container-1{overflow-x:hidden}.cs-homepage-sec-8 .cs-wbg-head-2{margin-bottom:20px}.cs-homepage-sec-8 .cs-global-desc-1{max-width:600px}.cs-download-app-row-1{align-items:center;display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.cs-download-app-row-1 .csdar1-col-2{position:relative}.cs-download-app-row-1 .download-app-i-1{height:580px}.cs-download-app-row-1 .download-app-i-1 img{max-width:100%;width:100%}.cs-download-app-2{bottom:0;left:15.5%;margin-bottom:0;position:absolute}.cs-download-app-2 .image-m-1{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cs-download-app-2 .image-m-1 li{margin-bottom:15px;margin-right:10px}.cs-download-app-2 .image-m-1 li:last-child{margin-right:0}.cs-download-app-2 .image-m-1 li img{height:100%;max-height:50px;min-height:50px;width:100%}.cs-homepage-sec-9{margin-bottom:42px}.cs-hwl-row-1{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:35px;margin-left:-15px;margin-right:-15px}.cs-hwl-row-1 .cshwlr1-col-1{flex:0 0 calc(100% - 150px);max-width:calc(100% - 150px)}.cs-hwl-row-1 .cshwlr1-col-1,.cs-hwl-row-1 .cshwlr1-col-2{margin-bottom:15px;min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-hwl-row-1 .cshwlr1-col-2{flex:0 0 150px;max-width:150px;text-align:right}.cs-global-link-1{color:#401fe5;display:inline-block;font-size:20px;font-weight:600;line-height:28px;margin:0;text-decoration:underline!important;transition:all .3s ease}.cs-global-link-1:hover{color:#27c1b2}.cs-campaign-box-1{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.75);border:1px solid hsla(0,0%,100%,.35);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.05);margin-bottom:40px;overflow:hidden;transition:all .25s ease}.cs-campaign-box-1:hover{transform:translateY(-3px)}.cs-campaign-box-1 .image-div-1{margin-bottom:10px}.cs-campaign-box-1 .image-div-1 img{border-radius:24px 24px 0 0;height:250px}.cs-campaign-box-1 .text-div-1 .head-1{-webkit-line-clamp:1;font-size:28px;font-weight:700;line-height:38px;margin-bottom:10px;max-height:38px;min-height:38px}.cs-campaign-box-1 .text-div-1 .desc-1,.cs-campaign-box-1 .text-div-1 .head-1{-webkit-box-orient:vertical;color:#000;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.cs-campaign-box-1 .text-div-1 .desc-1{-webkit-line-clamp:2;font-size:16px;font-weight:400;line-height:24px;margin-bottom:5px;max-height:48px;min-height:48px}.cs-campaign-box-1 .text-div-1 .desc-1 a{color:#401fe5}.cs-campaign-box-1 .text-div-1 .desc-2{text-align:right}.cs-campaign-box-1 .text-div-1 .link-1{color:#401fe5;display:inline-block;font-size:16px;font-weight:600;line-height:24px;text-decoration:underline!important;transition:all .3s ease}.cs-campaign-box-1 .text-div-1 .link-1:hover{color:#27c1b2;text-decoration:none!important}.cs-homepage-sec-10{margin-bottom:36px}.cs-homepage-sec-10 .slider-content-1{padding-top:115px}.cs-blog-content-row-1{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.cs-blog-content-row-1 .csbcr1-col-1{flex:0 0 340px;max-width:340px}.cs-blog-content-row-1 .csbcr1-col-1,.cs-blog-content-row-1 .csbcr1-col-2{margin-bottom:15px;min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-blog-content-row-1 .csbcr1-col-2{flex:0 0 calc(100% - 340px);max-width:calc(100% - 340px)}.cs-blog-box-1{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.75);border:1px solid hsla(0,0%,100%,.35);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.05);margin-bottom:15px;overflow:hidden;transition:all .25s ease}.cs-blog-box-1:hover{transform:translateY(-3px)}.cs-blog-box-1 .image-div-1{background-position:50%!important;background-repeat:no-repeat!important;background-size:113% 100%!important;border-radius:24px 24px 0 0;height:200px;margin-bottom:10px;transition:all .4s ease}.cs-blog-box-1:hover .image-div-1{background-size:133% 120%!important}.cs-blog-box-1 .head-1{font-size:22px;font-weight:700;line-height:30px;max-height:60px;min-height:60px}.cs-blog-box-1 .desc-1,.cs-blog-box-1 .head-1{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;display:-webkit-box;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis}.cs-blog-box-1 .desc-1{font-size:16px;font-weight:400;line-height:24px;max-height:48px;min-height:48px}.cs-blog-box-1 .link-1{color:#401fe5;display:block;display:inline-block;font-size:20px;font-weight:600;line-height:28px;transition:all .3s ease}.cs-blog-box-1 .link-1 span{text-decoration:underline}.cs-blog-box-1 .link-1 i{font-size:12px;padding-left:5px}.cs-blog-box-1 .link-1:hover{color:#27c1b2}.cs-blog-box-1 .link-1:hover span{text-decoration:none}.cs-homepage-sec-11{margin-bottom:36px}.cs-homepage-sec-11 .content-area-1{margin:0 auto;max-width:950px;padding:30px 0 0}.cs-homepage-sec-11 .cs-navTabs-1.nav-tabs .nav-link.active{color:#0f172a}.cs-homepage-sec-11 .cs-navTabs-1.nav-tabs .nav-link.active:after{background-color:#0f172a}.cs-homepage-sec-11 .cs-navTabs-1.nav-tabs .nav-item.show{color:#0f172a}.cs-accordion-1 .card{border:0;border-bottom:.5px solid #d6dade;margin-bottom:5px}.cs-accordion-1 .card-header{background-color:transparent;border:0;border-radius:0;padding:15px}.cs-accordion-1 .card-header:first-child{border-radius:0}.cs-accordion-1 .btn-link{border:0;color:#041614;font-size:18px;font-weight:700;line-height:24px;padding:0 15px;position:relative;text-align:left;white-space:normal;width:100%}.cs-accordion-1 .btn-link:focus,.cs-accordion-1 .btn-link:hover{color:#041614}.cs-accordion-1 .btn-link:before{background-color:#27c1b2;border-radius:4px;content:"";height:105%;left:0;position:absolute;top:-2px;width:5px;z-index:1}.cs-accordion-1 .btn-link:after{color:#041614;content:"\e95c";font-family:bain!important;font-size:8px;line-height:1;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease}.cs-accordion-1 .btn-link.collapsed:after{transform:translateY(-50%) rotate(180deg)}.cs-accordion-1 .card-body{padding:0}.cs-accordion-1 .card-body h1,.cs-accordion-1 .card-body h2,.cs-accordion-1 .card-body h3,.cs-accordion-1 .card-body h4,.cs-accordion-1 .card-body h5,.cs-accordion-1 .card-body h6{color:#041614;font-size:24px;font-weight:700;line-height:32px;margin-bottom:25px}.cs-accordion-1 .card-body p{color:#041614;font-size:18px;font-weight:400;line-height:26px;margin-bottom:15px}.cs-accordion-1 .card-body ol,.cs-accordion-1 .card-body ul{padding-right:15px}.cs-accordion-1 .card-body li{color:#041614;font-size:18px;font-weight:400;line-height:26px;margin-bottom:15px}.cs-accordion-1 .card-body a{color:#401fe5}.cs-accordion-2 .card{border:0;border-bottom:.5px solid #d6dade;margin-bottom:0}.cs-accordion-2 .card-header{background-color:transparent;border:0;border-radius:0;padding:15px 35px}.cs-accordion-2 .card-header:first-child{border-radius:0}.cs-accordion-2 .btn-link{border:0;color:#401fe5;font-size:18px;font-weight:600;line-height:24px;padding:0 15px 0 0;position:relative;text-align:left;white-space:normal;width:100%}.cs-accordion-2 .btn-link:focus,.cs-accordion-2 .btn-link:hover{color:#401fe5}.cs-accordion-2 .btn-link:before{display:none}.cs-accordion-2 .btn-link:after{color:#401fe5;content:"\e907";font-family:bain!important;font-size:14px;line-height:1;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease}.cs-accordion-2 .btn-link.collapsed{color:#041614}.cs-accordion-2 .btn-link.collapsed:after{color:#041614;content:"\e94a";transform:translateY(-50%) rotate(0deg)}.cs-accordion-2 .card-body{background-color:#f6fdfd;padding:25px 35px}.cs-accordion-2 .card-body h1,.cs-accordion-2 .card-body h2,.cs-accordion-2 .card-body h3,.cs-accordion-2 .card-body h4,.cs-accordion-2 .card-body h5,.cs-accordion-2 .card-body h6{color:#041614;font-size:24px;font-weight:700;line-height:32px;margin-bottom:25px}.cs-accordion-2 .card-body p{color:#041614;font-size:18px;font-weight:400;line-height:26px;margin-bottom:15px}.cs-accordion-2 .card-body ol,.cs-accordion-2 .card-body ul{padding-right:15px}.cs-accordion-2 .card-body li{color:#041614;font-size:18px;font-weight:400;line-height:26px;margin-bottom:15px}.cs-accordion-2 .card-body a{color:#401fe5}.modal-backdrop.show{opacity:.6}.mernis-error-title{color:#000;font-size:16px;font-weight:700;line-height:21.82px;margin-top:10px}.mernis-error-text{color:#83908e;font-size:14px;line-height:19.1px}.mernis-error-popup{background:#fff;border-radius:14px;padding:10px;width:335px}#MernisErrorModal .modal-dialog{display:block;height:auto;left:80%;position:absolute;top:37%;transform:translate(-50%,-50%);width:100%;z-index:1050}.cs-modal-1 .modal-dialog{margin:3rem auto;max-width:650px;padding:15px}.cs-modal-1 .modal-content{border:0;border-radius:12px;padding:0}.cs-modal-1 .close{color:#1a1a1a;font-size:22px;line-height:1;opacity:1;position:absolute;right:20px;top:20px;z-index:2}.cs-modal-1 .modal-body{border-radius:12px;padding:0}.cs-modal-1 .modal-body img{border-radius:12px;max-width:unset;width:100%}.cs-modal-2 .modal-dialog-centered{margin:0 auto;max-width:650px;padding:15px}.cs-modal-2 .modal-content{border:0;border-radius:12px;padding:0}.cs-modal-2 .close{color:#1a1a1a;font-size:22px;line-height:1;opacity:1;position:absolute;right:20px;top:20px;z-index:2}.cs-modal-2 .modal-body{border-radius:12px;padding:0}.cs-modal-2 .modal-body .image-d-1{border-radius:12px 12px 0 0}.cs-modal-2 .modal-body .image-d-1 img{border-radius:12px 12px 0 0;max-width:unset;width:100%}.cs-modal-2 .modal-body .text-d-1{background-color:#e7f2f2;border-radius:0 0 12px 12px;padding:15px}.cs-modal-2 .modal-body .text-d-1 .in-content-1{margin:0 auto;max-width:510px}.cs-modal-2 .modal-body .text-d-1 h1,.cs-modal-2 .modal-body .text-d-1 h2,.cs-modal-2 .modal-body .text-d-1 h3,.cs-modal-2 .modal-body .text-d-1 h4,.cs-modal-2 .modal-body .text-d-1 h5,.cs-modal-2 .modal-body .text-d-1 h6{color:#272727;font-size:22px;font-weight:700;line-height:30px;margin-bottom:20px}.cs-modal-2 .modal-body .text-d-1 p{color:#272727;font-size:16px;font-weight:400;line-height:24px;margin-bottom:15px}.cs-modal-2 .modal-body .text-d-1 ol,.cs-modal-2 .modal-body .text-d-1 ul{padding-right:15px}.cs-modal-2 .modal-body .text-d-1 li{color:#272727;font-size:16px;font-weight:400;line-height:24px;margin-bottom:15px}.cs-modal-2 .modal-body .text-d-1 a{color:#401fe5}.cs-login-main-row-1{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}.cs-login-main-row-1 .cslmr1-col-1,.cs-login-main-row-1 .cslmr1-col-2{flex:0 0 50%;max-width:50%;min-height:1px;padding-left:0;padding-right:0;position:relative;width:100%}.cs-login-bg-div-1{align-items:flex-end;background-blend-mode:multiply;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:0 50px 50px 0;display:flex;flex-wrap:wrap;height:100%;min-height:calc(100vh - 90px)}.cs-login-text-c-1{margin:0 0 80px auto;max-width:700px;padding:0 15px;position:relative;width:100%;z-index:1}.cs-login-text-c-1:before{content:url(../img/other/cloud-bg-1.svg);left:-65px;position:absolute;top:-110px;z-index:-1}.cs-login-text-c-1 .text-d-1{max-width:640px}.cs-login-text-c-1 .text-d-1 .head-1{color:#fff;font-size:54px;font-weight:400;letter-spacing:.2px;line-height:70px;margin-bottom:20px}.cs-login-text-c-1 .text-d-1 .head-1 strong{font-weight:700}.cs-login-text-c-1 .text-d-1 .desc-1{color:#fff;font-size:24px;font-weight:600;letter-spacing:.2px;line-height:32px;margin-bottom:0}.cs-login-form-c-1{align-items:center;display:flex;flex-wrap:wrap;height:100%;margin:0 auto 0 0;max-width:700px;padding:30px 15px;position:relative;width:100%;z-index:1}.cs-login-form-c-1 .form-d-1{margin:0 auto;max-width:490px;text-align:center}.cs-login-form-c-1 .form-d-2{margin:0 auto;max-width:320px}.cs-login-form-c-1 .form-d-2 .form-input-1{padding-bottom:50px;padding-top:50px}.cs-wbg-head-3{color:#041614;font-size:40px;font-weight:800;line-height:54px;margin-bottom:20px}.cs-wbg-head-3 span{display:inline-block;padding:0 3px;position:relative;z-index:1}.cs-wbg-head-3 span:before{background-color:#beebe7;border-radius:12px;bottom:0;content:"";display:block;height:25px;left:0;position:absolute;width:100%;z-index:-1}.cs-wbg-head-3.color-1 span:before{background-color:#d0d7ff}.cs-wbg-head-3.color-2 span:before{background-color:#dedede}.cs-global-desc-2{color:#041614;font-size:22px;font-weight:400;line-height:32px;margin-bottom:25px}.cs-form-1 .form-group{margin-bottom:20px}.cs-form-1 .invalid-feedback{padding:5px 20px}.cs-form-1 .iti{width:100%!important}.cs-form-1 .iti .iti__arrow{border:0;height:10px;margin-left:5px;position:relative;width:10px}.cs-form-1 .iti .iti__arrow:after{color:#696969;content:"\e95e";font-family:bain!important;font-size:6px;position:absolute;right:0;top:2px}.cs-form-1 .iti .iti__arrow.iti__arrow--up:after{content:"\e95c"}.cs-form-1 .iti .iti--separate-dial-code,.cs-form-1 .iti .iti__selected-dial-code{color:#696969;font-size:16px;font-weight:500;line-height:22px}.cs-form-1 .iti--separate-dial-code .iti__selected-flag{background-color:transparent;border:0;border-radius:0;box-shadow:none;padding:0 8px}.cs-form-1 .iti--separate-dial-code .iti__selected-flag:after{background-color:#707070;content:"";height:18px;opacity:.4;position:absolute;right:1px;top:50%;transform:translateY(-50%);width:.7px}.cs-form-1 .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent}.cs-form-1 label{color:#1a1a1a;cursor:pointer;display:block;font-size:16px;font-weight:600;line-height:24px;margin-bottom:12px;text-align:left}.cs-form-1 ::-moz-placeholder{color:hsla(0,0%,41%,.5)}.cs-form-1 ::placeholder{color:hsla(0,0%,41%,.5)}.cs-form-1 input:not([type=submit]),.cs-form-1 select{border:.5px solid #696969;border-radius:14px;color:#041614;font-size:16px;font-weight:400;height:50px;line-height:24px;padding:5px 20px;transition:all .2s ease}.cs-form-1 input:not([type=submit]):focus,.cs-form-1 select:focus{border-color:#27c1b2;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);outline:none}.cs-form-1 .form-control:-moz-read-only{background-color:#fff;cursor:not-allowed}.cs-form-1 .form-control:disabled,.cs-form-1 .form-control:read-only{background-color:#fff;cursor:not-allowed}.cs-form-1 .form-control[id^=newFileModalUpload]{cursor:pointer!important;height:100%}.cs-form-1 textarea{border:.5px solid #696969;border-radius:14px;color:#041614;font-size:16px;font-weight:400;line-height:26px;padding:15px 20px;resize:none;transition:all .2s ease}.cs-form-1 textarea:focus{border-color:#27c1b2;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);outline:none}.cs-form-1 .info-text-1{color:#041614;font-size:16px;font-weight:600;line-height:26px;margin-bottom:20px}.cs-form-1 .info-text-1 a{color:#401fe5;font-weight:700;text-decoration:underline!important}.cs-form-1 .info-text-1 a:hover{text-decoration:none!important}.cs-form-1 .date-box-1{position:relative}.cs-form-1 .date-box-1 label:before{bottom:15px;color:#696969;content:"\e94f";font-family:bain!important;font-size:20px;left:10px;position:absolute;z-index:1}.cs-form-1 .date-box-1 input{padding-left:45px}.cs-form-1 .date-i-1 label:before{color:#696969;content:"\e94f";font-family:bain!important;font-size:23px;left:15px;position:absolute;top:48px}.cs-form-1 .date-i-1 input{padding-left:40px}.cs-primary-btn-3{align-items:center;background-color:#27c1b2;border:0;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-primary-btn-3:hover{box-shadow:0 4px 6px 0 rgba(39,193,178,.65);color:#fff}.cs-primary-btn-3:disabled{cursor:not-allowed;opacity:.5}.cs-verification-i-1{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 0 40px;padding:0}.cs-verification-i-1 li{margin-right:15px;width:50px}.cs-verification-i-1 li:last-child{margin-right:0}.cs-verification-i-1 li input{border:1.2px solid #deeaea!important;border-radius:8px!important;color:#242424!important;font-size:30px!important;font-weight:700!important;height:64px!important;padding:5px!important;text-align:center}.cs-verification-i-1 li input.active{border-color:#27c1b2!important}.cs-verification-i-1.error input,.cs-verification-i-1.error input.active{border-color:#e04149!important}.cs-countdown-div-1{padding:25px 10px 40px;position:relative}.cs-countdown-div-1 .countdown-div-data{color:#041614;font-size:24px;font-weight:700;left:50%;line-height:26px;position:absolute;top:46%;transform:translate(-50%,-50%);z-index:1}.cs-countdown-div-1 svg{transform:rotate(-90deg)}.cs-countdown-div-1 .circle_animation{stroke-dasharray:315;stroke-dashoffset:315}.cs-sweetalert2-1{max-width:660px!important;width:100%!important}.cs-sweetalert2-1 .swal2-toast{cursor:pointer;top:90px}.cs-sweetalert2-1 .swal2-toast.swal2-popup{align-items:center;border-radius:10px;box-shadow:0 3px 6px 0 rgba(28,28,28,.1);min-height:90px}.cs-sweetalert2-1 .swal2-toast.swal2-popup:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:25px;z-index:1}.cs-sweetalert2-1 .swal2-toast.swal2-popup.swal2-toast .swal2-title{color:#272727;font-size:18px;font-weight:600;line-height:26px;margin:0 30px}.cs-sweetalert2-1.color-1 .swal2-toast.swal2-popup{background-color:#d0d7ff}.cs-sweetalert2-1.color-1 .swal2-toast.swal2-popup:before{background-color:#3830dc}.cs-sweetalert2-1.color-2 .swal2-toast.swal2-popup{background-color:#ffcccf}.cs-sweetalert2-1.color-2 .swal2-toast.swal2-popup:before{background-color:#e04149}.cs-sweetalert2-1.color-3 .swal2-toast.swal2-popup{background-color:#ffe0b5}.cs-sweetalert2-1.color-3 .swal2-toast.swal2-popup:before{background-color:#efa036}.cs-all-overflow-h{overflow:hidden}.cs-checkbox-1{position:relative}.cs-checkbox-1 label{align-items:center;background-color:#fff;border:.5px solid #696969;border-radius:15px;color:#041614!important;cursor:pointer;display:flex;font-size:16px!important;font-weight:400!important;justify-content:center;line-height:22px!important;margin:0;min-height:50px;padding:15px 20px;transition:all .3s ease}.cs-checkbox-1 input{cursor:pointer;left:0;opacity:0;position:absolute;top:0;z-index:-1}.cs-checkbox-1 input:checked+label{background-color:#27c1b2;border-color:#27c1b2;color:#fff!important}.custom-range-1{margin-bottom:40px;padding:0 25px}.custom-range-1 .text-div-1{height:1px;margin-bottom:0;text-align:center;width:100%}.custom-range-1 .text-div-1 input{display:none}.custom-range-1 .text-div-1 span{color:#1a1a1a;display:inline-block;font-size:16px;font-weight:400;line-height:20px;padding-top:5px;text-align:center;width:100px}.custom-range-1 .ui-widget.ui-widget-content{background-color:#dbdbdb;border:0;border-radius:10px;height:8px}.custom-range-1 .ui-widget-header{background:#27c1b2}.custom-range-1 .ui-slider .ui-slider-handle{background:#27c1b2;border:1px solid #fff;border-radius:50%;cursor:pointer;height:24px;width:24px}.custom-range-1 .ui-slider-horizontal .ui-slider-handle{margin-left:-12px;top:-.5em}.custom-range-1 .ui-slider-horizontal .ui-slider-handle:focus{outline:none}.cs-signal-cont-1 .cssc1-d-1{opacity:0;transition:all .3s ease;visibility:hidden}.cs-signal-cont-1 .cssc1-d-1.active{opacity:1;visibility:visible}.cs-signal-cont-1 .cssc1-d-1 .cssc1d1-inn-1{background-color:#fff;border:.5px solid #ededed;border-radius:20px;box-shadow:0 10px 20px 0 hsla(0,0%,44%,.1);padding:0 5px;position:absolute;right:-50px;top:90px;width:475px;z-index:10}.cs-signal-cont-1 .cssc1-d-1 .cssc1d1-inn-2{background-color:#000;bottom:0;height:calc(100vh - 90px);left:0;opacity:.6;position:fixed;right:0;top:90px;width:100%;z-index:9}.cs-signal-cont-1 .cssc1-d-1 .close-btn-a-1{padding:10px 15px 0;text-align:right}.cs-signal-cont-1 .cssc1-d-1 .close-btn-a-1 .close-btn-1{background-color:transparent;border:0;color:#1a1a1a;font-size:16px;height:30px;line-height:1;padding:3px;width:30px}.cs-signal-cont-1 .cssc1-d-1 .form-content-1{max-height:65vh;overflow:hidden;overflow-y:auto;position:relative;scrollbar-color:#f4f5f7;scrollbar-width:thin}.cs-signal-cont-1 .cssc1-d-1 .form-content-1::-webkit-scrollbar{height:5px;width:5px}.cs-signal-cont-1 .cssc1-d-1 .form-content-1::-webkit-scrollbar-track{background:#f4f5f7}.cs-signal-cont-1 .cssc1-d-1 .form-content-1::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:20px}.cs-signal-cont-1 .cssc1-d-1 .form-content-1::-webkit-scrollbar-thumb:hover{background:#d3d3d3}.cs-signal-cont-1 .cssc1-d-1 .form-bottom-content-1{margin:0 auto;max-width:325px;padding:30px 0 20px}.cs-signal-cont-1 .cssc1-d-1 .form-val-cont-1{padding:15px 15px 12px}.cs-signal-cont-1 .cssc1-d-1 .form-val-cont-1.border-w-1{border-bottom:1px solid #e8e8e8}.cs-signal-cont-1 .cssc1-d-1 .form-val-cont-1 .fvc1-head-1{color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px;margin-bottom:20px;text-align:left}.cs-signal-cont-1 .cssc1-d-1 .form-val-cont-1 .item-list-1{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cs-signal-cont-1 .cssc1-d-1 .form-val-cont-1 .item-list-1 li{line-height:1;margin-bottom:10px;margin-right:24px}.cs-signal-cont-1 .cssc1-d-1 .form-val-cont-1 .item-list-1 li:nth-child(3n){margin-right:0}.cs-search-locDate-area-1{background-color:#fff;padding:15px 0 25px}.cs-search-locDate-area-1 .inn-cont-1{margin:0 auto;max-width:970px;width:100%}.cs-rentcar-section-2{position:relative;transition:all .4s ease;z-index:1}.cs-rentcar-section-2.active:before{backdrop-filter:saturate(200%) blur(5px);background-color:hsla(0,0%,100%,.6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.cs-rentcar-row-1{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}.cs-rentcar-row-1 .csrcr1-col-1{border:1px solid #ededed;border-top:0;min-height:1px;min-height:calc(100vh - 200px)}@media (min-width:1280px){.cs-rentcar-row-1 .csrcr1-col-1,.cs-rentcar-row-1 .csrcr1-col-2{flex:0 0 50%;max-width:50%;padding-left:0;padding-right:0;position:relative;width:100%}}@media (max-width:1279.98px){.cs-rentcar-row-1 .csrcr1-col-1,.cs-rentcar-row-1 .csrcr1-col-2{flex:1 1 100%!important;max-width:100%!important;width:100%!important}}.cs-rentcar-row-1 .csrcr1-col-2{min-height:1px}.cs-page-filter-d-1{background-color:#fff;border:1px solid #ededed;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);margin-bottom:15px;padding:25px 0 10px}.cs-page-filter-d-1 .inner-f-div-1{margin:0 0 0 auto;max-width:740px;padding:0 30px;width:100%}.cs-page-filter-d-1 .filter-mm-1{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;position:relative;z-index:5}.cs-page-filter-d-1 .filter-mm-1 .fmm-item-1{line-height:1;margin-bottom:15px;margin-right:20px;position:relative}.cs-page-filter-d-1 .filter-mm-1 .fmm-item-1:last-child{margin-right:0}.cs-page-filter-d-1 .filter-mm-1 .fmm-action-1{align-items:center;background-color:#fff;border:1px solid #ededed;border-radius:10px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);color:#041614;display:inline-flex;font-size:16px;font-weight:600;line-height:22px;min-height:50px;min-width:130px;padding:12px}.cs-page-filter-d-1 .filter-mm-1 .fmm-action-1 i{padding-right:12px;position:relative;top:-1px}.cs-page-filter-d-1 .fmm-f-div-1{background-color:#fff;border:.5px solid #ededed;border-radius:14px;box-shadow:0 10px 30px 0 hsla(0,0%,44%,.1);left:0;min-width:0;opacity:0;padding:10px 0 0;position:absolute;top:60px;transition:all .3s ease;visibility:hidden;width:100%;z-index:4}.cs-page-filter-d-1 .fmm-f-div-1.active{opacity:1;visibility:visible}.cs-page-filter-d-1 .fmm-f-div-1.type-2{min-width:320px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-input-m-1{list-style:none;margin:0;padding:0}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-input-m-1 li{border-bottom:1px solid hsla(0,0%,93%,.5);line-height:1;padding:15px 25px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-top-area-1{padding:10px 15px;text-align:right}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-top-area-1 .close-btn-1{background-color:transparent;border:0;color:#1a1a1a;font-size:16px;height:30px;line-height:1;padding:3px;width:30px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-middle-area-1{max-height:45vh;min-height:45vh;overflow:hidden;overflow-y:auto;position:relative}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-bottom-area-1{padding:30px 30px 15px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-bottom-area-1 a,.cs-page-filter-d-1 .fmm-f-div-1 .fmm-bottom-area-1 button{min-width:auto}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1{padding:20px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1.border-w-1{border-bottom:1px solid #e8e8e8}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-head-1{color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px;margin-bottom:20px;text-align:left}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-d-1 .fmm-item-list-1,.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-d-1 .fmm-item-list-2{padding-top:20px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1.jsAccDiv1 .fmm-head-1{cursor:pointer;margin-bottom:0;position:relative}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1.jsAccDiv1 .fmm-head-1:after{content:"\e95e";font-family:bain!important;font-size:10px;position:absolute;right:0;top:50%;transform:translate(-50%,-50%) rotate(0deg);transition:all .3s ease}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1.jsAccDiv1 .fmm-item-d-1{display:none}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1.jsAccDiv1.active .fmm-head-1:after{transform:translate(-50%,-50%) rotate(180deg)}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1.jsAccDiv1.show-in .fmm-item-d-1{display:block}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-1{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-1 li{line-height:1;margin-bottom:20px;margin-right:20px;width:calc(33.33333% - 15px)}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-1 li:nth-child(3n){margin-right:0}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-1 .cs-checkbox-1 label{padding:15px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-2{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-2 li{line-height:1;margin-bottom:20px;margin-right:20px;width:calc(50% - 10px)}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-2 li:nth-child(2n){margin-right:0}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-2 .cs-checkbox-1 label{padding:15px}.cs-page-list-1{margin:0 0 0 auto;max-width:740px;padding:0 30px;width:100%}.cs-page-list-1 .inner-pl-1{max-height:calc(100vh - 320px);overflow:hidden;overflow-y:auto;padding-left:5px;padding-right:5px;position:relative;scrollbar-color:#f4f5f7;scrollbar-width:thin}.cs-page-list-1 .inner-pl-1::-webkit-scrollbar{height:5px;width:5px}.cs-page-list-1 .inner-pl-1::-webkit-scrollbar-track{background:#f4f5f7}.cs-page-list-1 .inner-pl-1::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:20px}.cs-page-list-1 .inner-pl-1::-webkit-scrollbar-thumb:hover{background:#d3d3d3}.cs-list-row-1{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.cs-list-row-1 .cslr1-col-1{flex:0 0 50%;max-width:50%;min-height:1px;padding-left:12px;padding-right:12px;position:relative;width:100%}.cs-car-box-1{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);margin-bottom:25px;position:relative}.cs-car-box-1.not-available:before{background-color:#83908e;border:1px solid #ededed;border-radius:20px;bottom:0;content:"";left:0;opacity:.45;position:absolute;right:0;top:0;z-index:9}.cs-car-box-1 .cscb-top-area-1{padding:20px 12px}.cs-car-box-1 .cscb-bottm-area-1{background-color:#f0f0f0;border-radius:0 0 20px 20px;text-align:center}.cs-car-box-1 .cscb-bottm-area-1 .desc-2{padding:20px 10px}.cs-car-box-1 .like-btn-1{align-items:center;background-color:#fff;border-radius:50%;color:#696969;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;position:absolute;right:12px;top:18px;width:30px;z-index:0}.cs-car-box-1 .like-btn-1:before{content:"\e940";font-family:bain!important;position:relative;top:1px}.cs-car-box-1 .like-btn-1.active{color:#ff081b}.cs-car-box-1 .like-btn-1.active:before{content:"\e923";font-family:bain!important}.cs-car-box-1 .head-1{color:#041614;font-size:18px;font-weight:700;line-height:24px;margin-bottom:8px}.cs-car-box-1 .desc-1{color:#838383;font-size:16px;font-weight:600;line-height:22px;margin-bottom:8px}.cs-car-box-1 .desc-2{color:#041614;font-size:20px;font-weight:700;line-height:28px;margin-bottom:0}.cs-car-box-1 .desc-3{color:#696969;font-size:14px;font-weight:600;line-height:20px;margin-bottom:0}.cs-car-box-1 .desc-3 i{color:#000;display:inline-block;font-size:22px;min-width:35px;padding-right:8px;position:relative;text-align:center;top:4px}.cs-car-box-1 .status-1{color:#838383;font-size:16px;font-weight:400;line-height:22px;margin-bottom:0;position:relative}.cs-car-box-1 .status-1:before{background-color:#838383;border-radius:50%;content:"";display:inline-block;height:14px;margin-right:10px;position:relative;top:2px;width:14px}.cs-car-box-1 .status-1.suitable{color:#35d634}.cs-car-box-1 .status-1.suitable:before{background-color:#35d634}.cs-car-box-1 .status-1.res-available{color:#ffba00}.cs-car-box-1 .status-1.res-available:before{background-color:#ffba00}.cs-car-box-1 .status-1.full{color:#8bb1ab}.cs-car-box-1 .status-1.full:before{background-color:#8bb1ab}.cs-car-box-1 .img-div-1{border-bottom:1px solid #ededed;text-align:center}.cs-car-box-1 .img-div-1 img{height:100%;max-height:240px;-o-object-fit:cover;object-fit:cover;width:100%}.cs-car-box-1 .info-div-1{padding:20px 10px 5px}.cs-car-box-1 .info-div-1 .idr1-col-1 .cs-desc-1{position:relative}.cs-car-box-1 .info-div-1 .idr1-col-1 .cs-desc-1 .cs-cd-info-hover{left:-10px;position:absolute;top:-15px}.cs-car-box-1 .info-div-1 .idr1-col-1 .cs-desc-1 .cs-cd-info-hover i{font-size:12px}.cs-car-box-1 .info-div-1 .idr1-col-1 .cs-desc-1 .cs-cd-info-hover .cs-speech-box{line-height:14px}.cs-car-box-1 .info-drow-1{display:flex;flex-wrap:wrap;margin-left:-6px;margin-right:-6px}.cs-car-box-1 .info-drow-1 .idr1-col-1{flex:0 0 50%;margin-bottom:15px;max-width:50%;min-height:1px;padding-left:6px;padding-right:6px;position:relative;width:100%}.cs-checkbox-2{position:relative}.cs-checkbox-2 label{align-items:center;background-color:#fff;border:0;border-radius:0;color:#454545!important;cursor:pointer;display:flex;font-size:16px!important;font-weight:400!important;line-height:22px!important;margin:0;min-height:auto;padding:0;text-align:left;transition:all .3s ease}.cs-checkbox-2 input{cursor:pointer;left:0;opacity:0;position:absolute;top:0;z-index:-1}.cs-checkbox-2 input:checked+label{color:#454545!important;font-weight:700!important}.cs-checkbox-2 input:checked+label:after{color:#27c1b2!important;content:"\e947";font-family:bain!important;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.select2{width:100%!important}.select2-container--default .select2-selection--single .select2-selection__arrow b{border:0;height:0;left:auto;margin-left:0;margin-top:0;position:absolute;top:auto;width:auto}.cs-global-select2-container-1 label{color:#1a1a1a;cursor:pointer;display:block;font-size:16px;font-weight:600;line-height:24px;margin-bottom:12px;text-align:left}.cs-global-select2-container-1 ::-moz-placeholder{color:hsla(0,0%,41%,.5)}.cs-global-select2-container-1 ::placeholder{color:hsla(0,0%,41%,.5)}.cs-global-select2-container-1 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after{content:"\e95c";font-family:bain!important}.cs-global-select2-container-1 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.cs-global-select2-container-1 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.cs-global-select2-container-1 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.cs-global-select2-container-1 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-radius:12px}.cs-global-select2-container-1 .select2-container--default .select2-selection--multiple,.cs-global-select2-container-1 .select2-container--default .select2-selection--single{background-color:#fff;border:.5px solid #696969;border-radius:12px;cursor:pointer;height:50px}.cs-global-select2-container-1 .select2-container--default .select2-selection--single .select2-selection__arrow{height:25px;position:absolute;right:20px;top:12px;width:14px}.cs-global-select2-container-1 .select2-container--default .select2-selection--single .select2-selection__arrow b:after{color:#696969;content:"\e95e";font-family:bain!important;font-size:8px}.cs-global-select2-container-1 .select2-container--default .select2-selection--single .select2-selection__rendered{color:#041614;font-size:16px;font-weight:400;line-height:26px;padding:12px 25px}.cs-global-select2-container-1 .select2-container--default .select2-selection--multiple .select2-selection__placeholder,.cs-global-select2-container-1 .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#041614;opacity:.5}.cs-global-select2-container-1 .select2-container--default .select2-search--inline .select2-search__field{color:#041614;cursor:pointer;font-size:15px;font-weight:400;line-height:20px;margin:10px 0 0 -10px}.cs-global-select2-container-1 .select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder{color:#041614;font-size:15px;font-weight:400;line-height:20px;padding:0 25px}.cs-global-select2-container-1 .select2-container--default .select2-search--inline .select2-search__field::placeholder{color:#041614;font-size:15px;font-weight:400;line-height:20px;padding:0 25px}.cs-global-select2-container-1.type-2 label{color:#7287fd;font-size:24px;margin-left:14px;margin-top:14px;position:absolute;z-index:1}.cs-global-select2-container-1.type-2 .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:45px}.select2-container--open .cs-global-select2-dd-1.select2-dropdown--above,.select2-container--open .cs-global-select2-dd-1.select2-dropdown--below{background-color:#fff;border:.5px solid #ededed;border-radius:14px;box-shadow:0 10px 30px 0 hsla(0,0%,44%,.1);margin-top:10px;padding:10px 20px}.cs-global-select2-dd-1 .select2-results__option{border:0;border-bottom:1px solid hsla(0,0%,93%,.5);color:#041614;font-size:16px;font-weight:400;line-height:22px;padding:10px 0}.cs-global-select2-dd-1 .select2-results__option:last-child{border:0}.select2-container--default .cs-global-select2-dd-1 .select2-results__option--highlighted.select2-results__option--selectable{background-color:#fff;color:#041614}.select2-container--default .cs-global-select2-dd-1 .select2-results__option--selected{background-color:#fff;color:#041614;font-weight:700}.select2-container--default .cs-global-select2-dd-1 .select2-search--dropdown{margin-bottom:15px;padding:0;position:relative}.select2-container--default .cs-global-select2-dd-1 .select2-search--dropdown:before{color:#3830dc;content:"\e94e";font-family:bain!important;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.select2-container--default .cs-global-select2-dd-1 .select2-search--dropdown .select2-search__field{border:1px solid rgba(114,135,253,.5);border-radius:10px;padding-left:30px}.select2-container--default .cs-global-select2-dd-1 .select2-search--dropdown .select2-search__field:focus{box-shadow:none;outline:none}.cs-global-select2-container-2 label{color:#1a1a1a;cursor:pointer;display:block;font-size:16px;font-weight:600;line-height:24px;margin-bottom:12px;text-align:left}.cs-global-select2-container-2 ::-moz-placeholder{color:hsla(0,0%,41%,.5)}.cs-global-select2-container-2 ::placeholder{color:hsla(0,0%,41%,.5)}.cs-global-select2-container-2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after{content:"\e95c";font-family:bain!important}.cs-global-select2-container-2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.cs-global-select2-container-2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.cs-global-select2-container-2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.cs-global-select2-container-2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-radius:12px}.cs-global-select2-container-2 .select2-container--default .select2-selection--multiple,.cs-global-select2-container-2 .select2-container--default .select2-selection--single{background-color:#fff;border:.5px solid #696969;border-radius:12px;cursor:pointer;height:50px}.cs-global-select2-container-2 .select2-container--default .select2-selection--single .select2-selection__arrow{height:25px;position:absolute;right:20px;top:15px;width:14px}.cs-global-select2-container-2 .select2-container--default .select2-selection--single .select2-selection__arrow b:after{color:#696969;content:"\e95e";font-family:bain!important;font-size:8px}.cs-global-select2-container-2 .select2-container--default .select2-selection--single .select2-selection__rendered{color:#041614;font-size:16px;font-weight:400;line-height:26px;padding:12px 25px}.cs-global-select2-container-2 .select2-container--default .select2-selection--multiple .select2-selection__placeholder,.cs-global-select2-container-2 .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#041614;opacity:.5}.cs-global-select2-container-2 .select2-container--default .select2-search--inline .select2-search__field{color:#041614;cursor:pointer;font-size:15px;font-weight:400;line-height:20px;margin:10px 0 0 -10px}.cs-global-select2-container-2 .select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder{color:#041614;font-size:15px;font-weight:400;line-height:20px;padding:0 25px}.cs-global-select2-container-2 .select2-container--default .select2-search--inline .select2-search__field::placeholder{color:#041614;font-size:15px;font-weight:400;line-height:20px;padding:0 25px}.select2-container--open .cs-global-select2-dd-2.select2-dropdown--above,.select2-container--open .cs-global-select2-dd-2.select2-dropdown--below{background-color:#fff;border:.5px solid #ededed;border-radius:14px;box-shadow:0 10px 30px 0 hsla(0,0%,44%,.1);margin-top:10px;padding:10px 20px}.cs-global-select2-dd-2 .select2-results__option{border:0;border-bottom:1px solid hsla(0,0%,93%,.5);color:#041614;font-size:16px;font-weight:400;line-height:22px;padding:10px 0}.cs-global-select2-dd-2 .select2-results__option:last-child{border:0}.select2-container--default .cs-global-select2-dd-2 .select2-results__option--highlighted.select2-results__option--selectable{background-color:#fff;color:#041614}.select2-container--default .cs-global-select2-dd-2 .select2-results__option--selected{background-color:#fff;color:#041614;font-weight:700}.select2-container--default .cs-global-select2-dd-2 .select2-search--dropdown{margin-bottom:15px;padding:0;position:relative}.select2-container--default .cs-global-select2-dd-2 .select2-search--dropdown:before{color:#3830dc;content:"\e94e";font-family:bain!important;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.select2-container--default .cs-global-select2-dd-2 .select2-search--dropdown .select2-search__field{border:1px solid rgba(114,135,253,.5);border-radius:10px;padding-left:30px}.select2-container--default .cs-global-select2-dd-2 .select2-search--dropdown .select2-search__field:focus{box-shadow:none;outline:none}.cs-order-summary-m-d-1{background-color:#fafafa;padding:0 0 45px}.cs-orderSum-cont-1{margin:0 auto;max-width:1180px;width:100%}.cs-orderSum-row-1{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.cs-orderSum-row-1 .csorr1-col-1{flex:0 0 calc(100% - 510px);max-width:calc(100% - 510px)}.cs-orderSum-row-1 .csorr1-col-1,.cs-orderSum-row-1 .csorr1-col-2{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}@media (min-width:1280px){.cs-orderSum-row-1 .csorr1-col-2{flex:0 0 510px;max-width:510px}}.cs-orderSum-head-1{color:#041614;font-size:18px;font-weight:600;line-height:26px;margin-bottom:20px}.cs-orderSum-stic-1{position:sticky;top:120px;z-index:1}.cs-orderSum-right-a-1{background-color:#f6fdfd;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);margin-bottom:20px;padding:15px 0 5px}.cs-orderSum-right-a-1 .csosr-top-a-1{padding:0 40px}.cs-orderSum-right-a-1 .csosr-bottom-a-1{padding:15px 40px}.cs-orderSum-right-a-1 .csosr-bottom-a-1 .sum-sub-btn-1{display:flex;margin:15px auto 0;max-width:310px;width:100%}.cs-orderSum-right-a-1 .sum-table-1{margin-bottom:0}.cs-orderSum-right-a-1 .sum-table-1 tr td{color:#041614;font-size:18px;font-weight:600;line-height:24px;padding:15px 0;position:relative}.cs-orderSum-right-a-1 .sum-table-1 tr td:last-child{text-align:right}.cs-orderSum-right-a-1 .sum-table-1 tr td:first-child{padding-right:5px}.cs-orderSum-right-a-1 .sum-table-1 tr td:first-child:after{color:#041614;content:":";font-size:18px;font-weight:600;line-height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.cs-orderSum-right-a-1 .sum-table-1 tr:nth-child(3) td:first-child{color:#27c1b2}.cs-orderSum-right-a-1 .sum-table-2{margin-bottom:0}.cs-orderSum-right-a-1 .sum-table-2 tr td{color:#041614;font-size:18px;font-weight:600;line-height:24px;padding:15px 0;position:relative}.cs-orderSum-right-a-1 .sum-table-2 tr td:last-child{font-size:24px;font-weight:700;text-align:right}.cs-orderSum-right-a-1 .sum-table-2 tr td:first-child{padding-right:5px}.cs-orderSum-right-a-1 .sum-table-2 tr td:first-child:after{color:#041614;content:":";font-size:18px;font-weight:600;line-height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.cs-package-box-1{background-color:#f7f8fd;border-radius:12px;margin-bottom:5px;padding:12px}.cs-package-box-1 .pack-desc-1{color:#401fe5;font-size:16px;font-weight:700;line-height:22px;margin-bottom:5px}.cs-package-box-1 .pack-desc-2{color:#041614;font-size:14px;font-weight:600;line-height:20px;margin-bottom:10px}.cs-package-box-1 .pack-desc-3{color:#696969;font-size:14px;font-weight:400;line-height:20px;margin-bottom:12px}.cs-speech-info-box-1{cursor:pointer;display:inline-block;padding-left:8px;position:relative;top:2px}.cs-speech-info-box-1 .icon-a-1{color:#7287fd;display:block;font-size:20px;line-height:1}.cs-speech-info-box-1 .speech-box-container{left:5px;opacity:0;position:absolute;transition:all .3s ease;visibility:hidden;z-index:5}.cs-speech-info-box-1 .speech-box-container .speech-box{background:#fff;border:1px solid #401fe5;border-radius:12px;color:#041614;font-size:12px;font-weight:600;line-height:20px;min-width:210px;padding:10px}.cs-speech-info-box-1 .speech-box-container .speech-box p{color:#041614;font-size:12px;font-weight:600;line-height:20px;margin-bottom:5px}.cs-speech-info-box-1.form-v-1{padding:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:1}.cs-speech-info-box-1.form-v-1 .speech-box-container{left:auto;right:25px;top:0}.cs-speech-info-box-1:hover .speech-box-container{opacity:1;visibility:visible}.cs-check-input-1{position:relative}.cs-check-input-1 input{cursor:pointer!important;left:0!important;opacity:0!important;position:absolute!important;top:0!important}.cs-check-input-1 input:checked+label,.cs-check-input-1 input:not(:checked)+label{color:#272727!important;cursor:pointer!important;display:inline-block!important;font-size:14px!important;left:0!important;line-height:25px!important;padding-left:35px!important;padding-right:0!important;position:relative!important;top:0!important}.cs-check-input-1 input:not(:checked)+label:before{background:#fff;border:1px solid #b7b7b7;border-radius:4px;content:"";height:24px;left:0;position:absolute;top:1px;width:24px}.cs-check-input-1 input:checked+label:before{background:#27c1b2;border:1px solid #27c1b2;border-radius:4px;content:"";height:24px;left:0;position:absolute;top:1px;width:24px}.cs-check-input-1 input:checked+label:after{color:#fff;content:"\e947";font-family:bain!important;font-size:12px;left:5px;line-height:1;position:absolute;top:8px}.cs-check-input-1 label a,.cs-check-input-1 label span{color:#272727;text-decoration:underline!important}.cs-discount-coupon-d-1{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.cs-discount-coupon-d-1 .csdcd1-col-1{flex:0 0 calc(100% - 146px);max-width:calc(100% - 146px)}.cs-discount-coupon-d-1 .csdcd1-col-1,.cs-discount-coupon-d-1 .csdcd1-col-2{min-height:1px;padding-left:8px;padding-right:8px;position:relative;width:100%}.cs-discount-coupon-d-1 .csdcd1-col-2{flex:0 0 146px;max-width:146px}.cs-discount-coupon-d-1 .csdcd1-col-3{flex:0 0 100%;max-width:100%;min-height:1px;padding-left:8px;padding-right:8px;position:relative;width:100%}.cs-discount-coupon-d-1 ::-moz-placeholder{color:#041614!important;font-size:16px!important;font-weight:700!important;line-height:22px!important}.cs-discount-coupon-d-1 ::placeholder{color:#041614!important;font-size:16px!important;font-weight:700!important;line-height:22px!important}.cs-discount-coupon-d-1 input{border:1px solid #ededed!important;border-radius:12px!important;color:#041614!important;font-size:16px!important;font-weight:700!important;height:50px!important;line-height:22px!important;padding:10px 15px 10px 55px!important}.cs-discount-coupon-d-1 input:focus{border-color:#27c1b2!important;box-shadow:none;outline:none}.cs-discount-coupon-d-1 input.active{border-color:#27c1b2!important}.cs-discount-coupon-d-1 label{color:#401fe5!important;font-size:20px!important;left:22px!important;line-height:1!important;margin:0!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.cs-discount-coupon-d-1 .disCo-btn-1{align-items:center;background-color:transparent;border:1px solid #27c1b2;border-radius:12px;color:#27c1b2;display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:22px;min-height:50px;opacity:0;padding:10px;transition:all .3s ease;visibility:hidden}.cs-discount-coupon-d-1 .disCo-btn-1:hover{background-color:#27c1b2;color:#fff}.cs-discount-coupon-d-1 .disCo-btn-1.active{opacity:1;visibility:visible}.cs-discount-coupon-d-1 .disCo-desc-1{color:#696969;font-size:16px;font-weight:400;line-height:22px;margin-bottom:10px;padding-top:20px}.cs-discount-coupon-d-1 .disCo-desc-1.successful{display:none}.cs-discount-coupon-d-1 .disCo-desc-1.successful:before{align-items:center;background-color:#20c553;border-radius:50%;color:#fff;content:"\e947";display:inline-flex;font-family:bain!important;font-size:11px;height:26px;justify-content:center;line-height:1;margin-right:10px;width:26px}.cs-discount-coupon-d-1 .disCo-desc-1.unsuccessful{display:none}.cs-discount-coupon-d-1 .disCo-desc-1.unsuccessful:before{align-items:center;background-color:#e04149;border-radius:50%;color:#fff;content:"\e949";display:inline-flex;font-family:bain!important;font-size:11px;height:26px;justify-content:center;line-height:1;margin-right:10px;width:26px}.cs-discount-coupon-d-1.successful .disCo-btn-1{opacity:0!important;visibility:hidden!important}.cs-discount-coupon-d-1.successful .disCo-desc-1.successful{display:block!important}.cs-discount-coupon-d-1.unsuccessful .disCo-btn-1{opacity:0!important;visibility:hidden!important}.cs-discount-coupon-d-1.unsuccessful .disCo-desc-1.unsuccessful{display:block!important}.cs-discount-coupon-d-1.unsuccessful input{border-color:#e04149!important}.cs-orderSum-left-a-1{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);padding:15px 0}.cs-orderSum-left-a-1 .csosla-sec-1{border-bottom:1px solid #ededed;padding:15px}.cs-orderSum-left-a-1 .csosla-sec-1:last-child{border:0}.cs-orderSum-left-a-1 .csosla-sec-1 .csosla-sec-cont-1{margin:0 auto;max-width:510px;width:100%}.cs-orderSum-left-a-1 .img-div-1{margin-bottom:10px;text-align:center}.cs-orderSum-left-a-1 .img-div-1 img{height:100%;max-height:135px}.cs-orderSum-left-a-1 .head-1{color:#041614;font-size:18px;font-weight:700;line-height:24px;margin-bottom:12px}.cs-orderSum-left-a-1 .desc-1{color:#838383;font-size:18px;font-weight:600;line-height:24px;margin-bottom:12px}.cs-orderSum-left-a-1 .desc-2{color:#696969;font-size:16px;font-weight:600;line-height:24px;margin-bottom:20px}.cs-orderSum-left-a-1 .in-table-1{margin:0}.cs-orderSum-left-a-1 .in-table-1 tr td{color:#696969;font-size:16px;font-weight:600;line-height:22px;padding:10px 0}.cs-orderSum-left-a-1 .in-table-1 tr td:first-child{color:#041614;font-weight:700}.cs-orderSum-left-a-1 .in-table-1 tr td:last-child{text-align:right}.cs-orderSum-left-a-1 .in-table-2{margin:0}.cs-orderSum-left-a-1 .in-table-2 tr td{color:#696969;font-size:16px;font-weight:700;line-height:22px;padding:10px 0}.cs-orderSum-left-a-1 .in-table-2 tr td:first-child{font-weight:600}.cs-orderSum-left-a-1 .in-table-2 tr td:last-child{text-align:right}.cs-orderSum-left-a-1 .head-2{color:#041614;font-size:16px;font-weight:700;line-height:22px;margin-bottom:15px}.cs-orderSum-left-a-1 .package-list-1{align-items:center;align-items:flex-start;display:flex;flex-wrap:wrap;list-style:none;margin:0 -6px;padding:0}.cs-orderSum-left-a-1 .package-list-1 li{line-height:1;padding:0 6px;width:25%}.cs-orderSum-left-a-1 .pac-add-btn-1{background-color:transparent;border:0;color:#401fe5;font-size:16px;font-weight:700;line-height:22px;margin-bottom:20px;padding:0}.cs-orderSum-left-a-1 .pac-add-btn-1 i{font-size:20px;padding-right:5px;position:relative;top:3px}.cs-orderSum-left-a-1 .list-div-1{margin-bottom:3px}.cs-orderSum-left-a-1 .list-div-1 .list-1{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0 -6px;padding:0}.cs-orderSum-left-a-1 .list-div-1 .list-1 li{line-height:1;margin-bottom:15px;padding:0 6px;width:50%}.cs-orderSum-left-a-1 .s-box-div-1{margin-bottom:25px;max-width:275px;width:100%}.cs-card-box-1{position:relative}.cs-card-box-1 label{background-color:#fff;border:1px solid #eaecf4;border-radius:12px;cursor:pointer;display:flex;margin:0;min-height:80px;padding:12px 35px 12px 10px;position:relative}.cs-card-box-1 label .cscb1-col-1{flex:0 0 35px;max-width:35px}.cs-card-box-1 label .cscb1-col-2{flex:0 0 calc(100% - 35px);max-width:calc(100% - 35px);padding-left:10px}.cs-card-box-1 input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.cs-card-box-1 input:checked+label:before,.cs-card-box-1 input:not(:checked)+label:before{align-items:center;background-color:#eaeaea;border-radius:50%;content:"";display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:15px;transition:all .3s ease;width:24px;z-index:1}.cs-card-box-1 input:checked+label:before{background-color:#20c553}.cs-card-box-1 input:checked+label:after{color:#fff;content:"\e947";font-family:bain!important;font-size:12px;position:absolute;right:14px;top:22px;z-index:2}.cs-card-box-1 .cscb1-desc-1{color:#7287fd;font-size:24px;line-height:1;margin:0}.cs-card-box-1 .cscb1-desc-2{color:#041614;font-size:16px;font-weight:600;line-height:20px;margin-bottom:5px}.cs-card-box-1 .cscb1-desc-3{color:#272727;font-size:16px;font-weight:400;line-height:20px;margin-bottom:0}.cs-modal-3 .modal-dialog{margin:3rem auto;max-width:500px;padding:15px}.cs-modal-3 .modal-content{border:0;border-radius:18px;padding:0}.cs-modal-3 .close{color:#1a1a1a;font-size:30px;line-height:1;opacity:1;position:absolute;right:20px;text-shadow:none;top:20px;z-index:2}.cs-modal-3 .modal-body{border-radius:18px;padding:30px 70px}.cs-modal-3 .modal-head-1{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px;margin-bottom:25px}.cs-modal-3 .scroll-modal-a-1{margin-bottom:20px;max-height:500px;overflow:hidden;overflow-y:auto;padding-right:15px;position:relative;scrollbar-color:#f4f5f7;scrollbar-width:thin}.cs-modal-3 .scroll-modal-a-1::-webkit-scrollbar{height:4px;width:4px}.cs-modal-3 .scroll-modal-a-1::-webkit-scrollbar-track{background:#f4f5f7}.cs-modal-3 .scroll-modal-a-1::-webkit-scrollbar-thumb{background:rgba(114,135,253,.15);border-radius:20px}.cs-modal-3 .scroll-modal-a-1::-webkit-scrollbar-thumb:hover{background:#7287fd}.cs-modal-4 .modal-dialog{margin:3rem auto;max-width:640px;padding:15px}.cs-modal-4 .modal-content{border:0;border-radius:18px;padding:0}.cs-modal-4 .close{color:#1a1a1a;font-size:30px;line-height:1;opacity:1;position:absolute;right:20px;text-shadow:none;top:20px;z-index:2}.cs-modal-4 .modal-body{border-radius:18px;padding:30px 50px}.cs-modal-4 .modal-head-1{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px;margin-bottom:25px}.cs-modal-4 .modal-head-1.cancel-icon-1:before{align-items:center;background-color:#e04149;border-radius:50%;color:#fff;content:"\e934";display:inline-flex;font-family:bain!important;font-size:12px;height:30px;justify-content:center;line-height:1;margin-right:15px;position:relative;top:-2px;width:30px}.cs-modal-4 .modal-ab-icon-b-1{align-items:center;background-color:#eaecf4;border-radius:50%;color:#401fe5;display:flex;font-size:30px;height:50px;justify-content:center;left:30px;line-height:1;position:absolute;top:30px;width:50px}.cs-modal-4 .modal-desc-1{border-bottom:1px solid #ededed;padding-bottom:15px}.cs-modal-4 .modal-desc-1,.cs-modal-4 .modal-desc-2{color:#696969;font-size:16px;font-weight:400;line-height:24px;margin-bottom:25px}.cs-modal-4 .modal-desc-3{color:#000;font-size:16px;font-weight:400;line-height:24px;margin-bottom:15px}.cs-modal-4 .scroll-modal-a-1{margin-bottom:20px;max-height:500px;overflow:hidden;overflow-y:auto;padding-right:15px;position:relative;scrollbar-color:#f4f5f7;scrollbar-width:thin}.cs-modal-4 .scroll-modal-a-1::-webkit-scrollbar{height:6px;width:6px}.cs-modal-4 .scroll-modal-a-1::-webkit-scrollbar-track{background:#f4f5f7}.cs-modal-4 .scroll-modal-a-1::-webkit-scrollbar-thumb{background:rgba(114,135,253,.15);border-radius:20px}.cs-modal-4 .scroll-modal-a-1::-webkit-scrollbar-thumb:hover{background:#7287fd}.cs-modal-4 .scroll-modal-a-1 h1,.cs-modal-4 .scroll-modal-a-1 h2,.cs-modal-4 .scroll-modal-a-1 h3,.cs-modal-4 .scroll-modal-a-1 h4,.cs-modal-4 .scroll-modal-a-1 h5,.cs-modal-4 .scroll-modal-a-1 h6{color:#041614;font-size:22px;font-weight:700;line-height:30px;margin-bottom:25px}.cs-modal-4 .scroll-modal-a-1 p{color:#041614;font-size:16px;font-weight:400;line-height:22px;margin-bottom:15px}.cs-modal-4 .scroll-modal-a-1 ol,.cs-modal-4 .scroll-modal-a-1 ul{padding-right:15px}.cs-modal-4 .scroll-modal-a-1 li{color:#041614;font-size:16px;font-weight:400;line-height:22px;margin-bottom:15px}.cs-modal-4 .scroll-modal-a-1 a{color:#27c1b2}.cs-modal-4 .bottom-btn-a-1{display:none;text-align:center}.cs-modal-4 .modal-form-short-d-1{margin:0 auto;max-width:375px}.cs-secondary-btn-3{align-items:center;background-color:#401fe5;border:1px solid transparent;border-radius:30px;color:#fff;display:inline-flex;font-size:18px;font-weight:600;justify-content:center;line-height:24px;min-height:50px;min-width:130px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-secondary-btn-3 i{padding-left:20px}.cs-secondary-btn-3:hover{background-color:#fff;border-color:#401fe5;box-shadow:0 5px 8px 0 rgba(64,34,229,.3);color:#401fe5}.cs-secondary-btn-4{align-items:center;background-color:#401fe5;border:0;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:50px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-secondary-btn-4:hover{box-shadow:0 4px 6px 0 rgba(64,31,229,.65);color:#fff}.cs-speech-info-box-2{cursor:pointer;display:inline-block;padding-left:8px;position:relative;top:2px}.cs-speech-info-box-2 .icon-a-1{color:#7287fd;display:block;font-size:20px;line-height:1}.cs-speech-info-box-2 .speech-box-container{left:-85px;opacity:0;position:absolute;top:0;transition:all .3s ease;visibility:hidden;z-index:9}.cs-speech-info-box-2 .speech-box-container.active{opacity:1;visibility:visible}.cs-speech-info-box-2 .speech-box-container:before{background-color:#000;content:"";height:100%;left:0;opacity:.6;position:fixed;top:0;width:100%;z-index:-1}.cs-speech-info-box-2 .speech-box-container .speech-box{background:#fff;border:1px solid #f5bc41;border-radius:12px;min-width:0;padding:10px 15px}.cs-speech-info-box-2 .speech-box-container .speech-box p{color:#041614;font-size:12px;font-weight:600;line-height:20px;margin-bottom:5px}.cs-speech-info-box-2 .speech-box-container .speech-box ul{list-style:none;margin:0;padding:0}.cs-speech-info-box-2 .speech-box-container .speech-box ul li{color:#041614;font-size:11px;font-weight:600;line-height:18px;margin-bottom:15px;padding-left:16px;position:relative}.cs-speech-info-box-2 .speech-box-container .speech-box ul li:last-child{margin:0}.cs-speech-info-box-2 .speech-box-container .speech-box ul li:before{background-color:#ffba00;border-radius:50%;content:"";height:10px;left:0;position:absolute;top:4px;width:10px;z-index:1}.cs-speech-info-box-2 .speech-head-1{color:#041614;font-size:14px;font-weight:700;line-height:20px;margin-bottom:5px}.cs-speech-info-box-2 .speech-close-btn-1{align-items:center;background-color:transparent;border:0;color:#272727;display:inline-flex;font-size:10px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:15px;top:15px;width:20px;z-index:2}.cs-modal-info-div-1{margin:0 auto;max-width:500px;text-align:center;width:100%}.cs-modal-info-div-1 .icon-text-1{color:#fff;font-size:54px;line-height:1;margin-bottom:30px}.cs-modal-info-div-1 .icon-text-1 span{align-items:center;background-color:#e04149;border-radius:50%;display:inline-flex;height:100px;justify-content:center;width:100px}.cs-modal-info-div-1 .icon-text-1.type-2{font-size:40px}.cs-modal-info-div-1 .csmid1-desc-1{color:#696969;font-size:16px;font-weight:400;letter-spacing:.1px;line-height:24px;margin-bottom:35px}.cs-modal-info-div-1 .csmid1-desc-1 strong{color:#041614;font-weight:700}.cs-modal-info-div-1 .csmid1-head-1{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px;margin-bottom:20px}.cs-white-btn-2{align-items:center;background-color:#fff;border:0;border-radius:12px;color:#041614;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:50px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-white-btn-2 i{padding-left:10px}.cs-white-btn-2:hover{background-color:#041614;color:#fff}.cs-lottie-cont-1{margin:0 auto 20px;max-width:470px;width:100%}.cs-order-successful-cont-1{margin:0 auto 30px;max-width:670px;width:100%}.cs-order-successful-cont-1 .csosc1-head-1{color:#041614;font-size:30px;font-weight:700;line-height:38px;margin-bottom:15px}.cs-order-successful-cont-1 .csosc1-desc-1{color:#000;font-size:20px;font-weight:400;line-height:28px;margin-bottom:5px}.cs-order-successful-cont-1 .csosc1-desc-1 a,.cs-order-successful-cont-1 .csosc1-desc-1 strong{color:#401fe5;font-weight:700}.cs-order-successful-cont-1 .csosc1-row-1{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}.cs-order-successful-cont-1 .csosc1-row-1 .csosc1r1-col-1{flex:0 0 calc(100% - 120px);max-width:calc(100% - 120px);min-height:1px;padding-left:5px;padding-right:5px;position:relative;width:100%}.cs-order-successful-cont-1 .csosc1-row-1 .csosc1r1-col-2{flex:0 0 120px;max-width:120px;min-height:1px;padding-left:5px;padding-right:5px;position:relative;width:100%}.cs-order-successful-info-div-1{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);margin-bottom:30px;padding:50px 45px}.cs-order-successful-info-div-1 .csosid1-image-div-1{max-width:234px;position:relative;text-align:center;width:100%}.cs-order-successful-info-div-1 .csosid1-image-div-1:before{background-color:#99e5dd;border-radius:50%;content:"";height:100px;left:-10px;position:absolute;top:-10px;width:100px;z-index:0}.cs-order-successful-info-div-1 .csosid1-image-div-1 img{margin-bottom:5px;position:relative;z-index:1}.cs-order-successful-info-div-1 .csosid1-head-1{color:#041614;font-size:18px;font-weight:700;line-height:26px;margin-bottom:10px}.cs-order-successful-info-div-1 .csosid1-head-2{color:#838383;font-size:18px;font-weight:600;line-height:26px;margin-bottom:5px}.cs-order-successful-info-div-1 .csosid1-head-3{color:#041614;font-size:16px;font-weight:700;line-height:24px;margin-bottom:15px}.cs-order-successful-info-div-1 .csosid1-head-4{color:#696969;font-size:16px;font-weight:600;line-height:24px;margin-bottom:0}.cs-order-successful-info-div-1 .csosid1-c-1{border-right:1px solid #ededed}.cs-order-successful-info-div-1 .csosid1-info-div-1{margin:0 0 0 auto;max-width:200px;position:relative;text-align:left;width:100%}.cs-order-successful-info-div-1 .csosid1-hr-1{border-color:#ededed;margin:2rem 0}.cs-account-main-div-1{background-color:#fafafa;padding:30px 0}.cs-account-m-row-1{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}@media (min-width:1280px){.cs-account-m-row-1 .csamr1-col-1{flex:0 0 320px;max-width:320px}}.cs-account-m-row-1 .csamr1-col-1,.cs-account-m-row-1 .csamr1-col-2{margin-bottom:15px;min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-account-m-row-1 .csamr1-col-2{flex:0 0 calc(100% - 320px);max-width:calc(100% - 320px)}.cs-account-left-div-1{background-color:#fff;border:1px solid #eaecf4;border-radius:12px;padding:20px 0}.cs-account-menu-section-1{padding:0 15px 35px}.cs-account-info-d-1{text-align:center}.cs-account-info-d-1 .account-i-1{align-items:center;background-color:#27c1b2;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:2px solid #7287fd;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:42px;font-weight:700;height:100px;justify-content:center;line-height:1;margin:0 auto 15px;position:relative;width:100px}.cs-account-info-d-1 .account-i-1:before{border-radius:50%;content:"";height:100%;opacity:.4;transition:all .3s ease;width:100%}.cs-account-info-d-1 .account-i-1:after{color:#fff;content:"\e924";font-family:bain!important;font-size:30px;left:50%;line-height:1;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden}.cs-account-info-d-1 .account-i-1:hover:before{background-color:#041614}.cs-account-info-d-1 .account-i-1:hover:after{opacity:1;visibility:visible}.cs-account-info-d-1 .account-head-1{color:#041614;font-size:18px;font-weight:700;line-height:24px;margin-bottom:0}.cs-account-menu-section-2{padding:0 0 25px}.cs-account-menu-1{list-style:none;margin:0;padding:0}.cs-account-menu-1 .acc-level-1{line-height:1;margin-bottom:15px;padding-right:35px}.cs-account-menu-1 .acc-level-link-1{align-items:center;color:#041614;display:block;display:flex;font-size:16px;font-weight:600;line-height:24px;min-height:40px;padding:7px 15px 7px 30px;transition:all .3s ease}.cs-account-menu-1 .acc-level-link-1:hover{color:#27c1b2}.cs-account-menu-1 .acc-level-link-1 i{display:inline-block;font-size:25px;padding-right:8px;text-align:center;width:35px}.cs-account-menu-1 .acc-level-link-1 i.bain-empty-heart{font-size:22px}.cs-account-menu-1 .acc-level-link-1.active{background-color:#eaecf4;border-radius:0 20px 20px 0;color:#401fe5;font-weight:700}.cs-account-menu-1 .acc-level-link-1.active+.acc-sub-m-d-1{display:block}.cs-account-menu-1 .acc-sub-m-d-1{display:none;padding:25px 35px 20px}.cs-account-menu-1 .acc-level-2-m-1{list-style:none;margin:0;padding:0 0 0 22px;position:relative}.cs-account-menu-1 .acc-level-2-m-1:before{background-color:#eaecf4;content:"";height:90%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:2px;z-index:1}.cs-account-menu-1 .acc-level-2-m-1 li{margin-bottom:20px;position:relative}.cs-account-menu-1 .acc-level-2-m-1 li:before{background-color:#eaecf4;border-radius:50%;content:"";height:10px;left:-26px;position:absolute;top:6px;width:10px;z-index:1}.cs-account-menu-1 .acc-level-2-m-1 li:last-child{margin:0}.cs-account-menu-1 .acc-level-2-m-1 li a{color:#696969;display:block;font-size:16px;font-weight:400;line-height:22px;transition:all .3s ease}.cs-account-menu-1 .acc-level-2-m-1 li a:hover{color:#27c1b2}.cs-account-menu-1 .acc-level-2-m-1 li.active:before{background-color:#401fe5}.cs-account-menu-1 .acc-level-2-m-1 li.active a{color:#041614;font-weight:600}.cs-account-logout-d-1{border-bottom:1px solid #ededed;border-top:1px solid #ededed;padding:23px 30px}.cs-account-logout-d-1 .logout-link-1{color:#696969;display:block;font-size:16px;font-weight:600;line-height:22px;transition:all .3s ease}.cs-account-logout-d-1 .logout-link-1:hover{color:#e04149}.cs-account-menu-section-3{padding:0 23px 10px}.cs-account-menu-section-4{padding:10px 23px}.cs-colored-link-box-1{background-color:rgba(0,0,0,.3);border:1px solid #000;border-radius:14px;padding:12px 13px;text-align:center}.cs-colored-link-box-1 .cclb1-desc-1{color:#000;font-size:12px;font-weight:600;line-height:18px;margin-bottom:10px}.cs-colored-link-box-1 .cclb1-link-1{color:#000;display:inline-block;font-size:14px;font-weight:700;line-height:20px;margin-bottom:0;text-decoration:underline!important}.cs-colored-link-box-1.color-1{background-color:rgba(234,236,244,.3);border-color:#3830dc}.cs-colored-link-box-1.color-1 .cclb1-link-1{color:#401fe5}.cs-colored-link-box-1.color-2{background-color:rgba(246,253,253,.3);border-color:#27c1b2}.cs-colored-link-box-1.color-2 .cclb1-link-1{color:#27c1b2}.cs-account-right-div-1{background-color:#fff;border:1px solid #eaecf4;border-radius:12px;min-height:100%;padding:25px}.cs-account-form-d-1{margin:0 auto;max-width:690px;width:100%}.cs-account-form-d-1 .cs-nc-step{display:none}.cs-account-navs-d-1{display:flex;justify-content:center;margin-bottom:20px}.cs-navTabs-2{justify-content:space-between}.cs-navTabs-2.nav-tabs{border-color:#707070}.cs-navTabs-2.nav-tabs .nav-link{border:0;border-radius:0;color:#041614;font-size:16px;font-weight:400;line-height:24px;padding:15px 20px;position:relative;transition:all .3s ease}.cs-navTabs-2.nav-tabs .nav-link.active{background-color:transparent;border-color:unset;color:#401fe5;font-weight:700}.cs-navTabs-2.nav-tabs .nav-link.active:after{background-color:#401fe5;border-radius:5px;bottom:-2px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100%;z-index:1}.cs-navTabs-2.nav-tabs .nav-item.show{background-color:transparent;border-color:unset;color:#401fe5}.cs-account-verification-p-1{color:#13b212;font-size:14px;font-weight:400;line-height:22px;margin-bottom:15px;padding-top:15px}.cs-account-verification-p-1 i{font-size:20px;padding-right:5px;position:relative;top:3px}.cs-account-verification-p-2{color:#041614;font-size:14px;font-weight:400;line-height:22px;margin-bottom:15px;padding-top:15px}.cs-account-verification-p-2 i{color:#e04149;font-size:20px;padding-right:5px;position:relative;top:3px}.cs-account-verification-p-2 a{color:#041614;text-decoration:underline!important}.cs-account-verification-p-2 a:hover{color:#041614;text-decoration:none!important}.cs-form-info-d-1{border-bottom:1px solid #707070;margin-bottom:20px;max-width:475px;padding-bottom:20px;width:100%}.cs-form-info-d-1 .csfid1-head-1{color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px;margin:0}.cs-form-info-d-1 span{align-items:center;background:#27c1b2;background:linear-gradient(180deg,#27c1b2,#28b4b5 20%,#2e93c0 40%,#365ed1 70%,#401fe5);border-radius:50%;color:#fdfdfd;display:inline-flex;font-size:16px;height:30px;justify-content:center;line-height:1;margin-right:5px;width:30px}.cs-form-info-d-1 a,.cs-form-info-d-1 a:hover{color:#1a1a1a}.cs-primary-btn-4{align-items:center;background-color:#27c1b2;border:0;border-radius:14px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:50px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-primary-btn-4 i{font-size:24px;padding-right:10px}.cs-primary-btn-4:hover{box-shadow:0 4px 6px 0 rgba(39,193,178,.65);color:#fff}.cs-white-btn-3{align-items:center;background-color:#fff;border:0;border-radius:14px;color:#041614;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:50px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-white-btn-3 i{padding-left:10px}.cs-white-btn-3:hover{background-color:#041614;color:#fff}.cs-account-btn-d-1{display:none}.cs-edit-form-d-1{position:relative;z-index:0}.cs-edit-form-d-1 .csefd1-btn-1{align-items:center;background-color:#fff;border:0;border-radius:8px;color:#696969;display:flex;font-size:20px;height:40px;justify-content:center;line-height:1;position:absolute;right:5px;top:5px;width:40px;z-index:1}.cs-account-approves-div-1{margin:0 auto;max-width:480px;width:100%}.cs-account-approves-div-1 .csaad1-table-1{margin-bottom:20px}.cs-account-approves-div-1 .csaad1-table-1 tr td{border-bottom:1px solid #707070;color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px;padding:24px 0}.cs-account-approves-div-1 .csaad1-table-1 tr td:last-child{text-align:right}.cs-account-approves-div-1 .csaad1-status-desc-1{font-weight:400;margin:0}.cs-account-approves-div-1 .csaad1-status-desc-1.status-1{color:#e04149}.cs-account-approves-div-1 .csaad1-status-desc-1.status-1:after{align-items:center;background-color:#e04149;border-radius:50%;color:#fff;content:"\e949";display:inline-flex;font-family:bain!important;font-size:10px;height:24px;justify-content:center;line-height:1;margin-left:10px;position:relative;top:-1px;width:24px}.cs-account-approves-div-1 .csaad1-status-desc-1.status-2{color:#35d634}.cs-account-approves-div-1 .csaad1-status-desc-1.status-2:after{align-items:center;background-color:#35d634;border-radius:50%;color:#fff;content:"\e947";display:inline-flex;font-family:bain!important;font-size:10px;height:24px;justify-content:center;line-height:1;margin-left:10px;position:relative;top:-1px;width:24px}.cs-account-approves-div-1 .csaad1-status-desc-1.status-3{color:#ffba00}.cs-account-approves-div-1 .csaad1-status-desc-1.status-3:after{align-items:center;background-color:#ffba00;border-radius:50%;color:#fff;content:"\e947";display:inline-flex;font-family:bain!important;font-size:10px;height:24px;justify-content:center;line-height:1;margin-left:10px;position:relative;top:-1px;width:24px}.cs-account-approves-div-1 .csaad1-status-desc-1.status-4{color:#3f22e4}.cs-account-approves-div-1 .csaad1-status-desc-1.status-4:after{align-items:center;background-color:#3f22e4;border-radius:50%;color:#fff;content:"\e947";display:inline-flex;font-family:bain!important;font-size:10px;height:24px;justify-content:center;line-height:1;margin-left:10px;position:relative;top:-1px;width:24px}.cs-address-empty-d-1{padding-top:10px;text-align:center}.cs-address-empty-d-1 img{margin-bottom:25px}.cs-address-empty-d-1 .csaed1-desc-1{color:#272727;font-size:18px;font-weight:700;line-height:26px;margin-bottom:20px}.cs-single-btn-d-1{margin:0 auto;max-width:320px;padding:50px 0;width:100%}.cs-primary-btn-5{align-items:center;background-color:#27c1b2;border:0;border-radius:14px;color:#fff;display:inline-flex;font-size:18px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:24px;min-height:50px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-primary-btn-5 i{padding-right:10px}.cs-primary-btn-5:hover{box-shadow:0 4px 6px 0 rgba(39,193,178,.65);color:#fff}.cs-address-div-1{margin:0 auto;max-width:680px;padding:10px 0 30px;width:100%}.cs-address-box-1{align-items:center;background-color:#fff;border:1px solid #eaecf4;border-radius:8px;display:flex;flex-wrap:wrap;margin-bottom:25px;margin-left:-15px;margin-right:-15px;padding:20px 15px 25px;position:relative}.cs-address-box-1 .csab1-col-1{flex:0 0 40px;max-width:40px;min-height:1px;padding-left:0;padding-right:0;position:relative;text-align:center;width:100%}.cs-address-box-1 .csab1-col-2{flex:0 0 calc(100% - 80px);max-width:calc(100% - 80px);min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-address-box-1 .csab1-col-3{flex:0 0 40px;max-width:40px;min-height:1px;padding-left:0;padding-right:0;position:relative;width:100%}.cs-address-box-1 .csab1-icon-1{color:rgba(114,135,253,.5);font-size:30px;line-height:1;margin-bottom:0}.cs-address-box-1 .csab1-head-1{color:#041614;font-size:16px;font-weight:700;line-height:24px;margin-bottom:12px}.cs-address-box-1 .csab1-desc-1{color:#272727;font-size:16px;font-weight:400;line-height:24px;margin-bottom:0}.cs-address-box-1 .csab1-action-m-1{list-style:none;margin:0;padding:0}.cs-address-box-1 .csab1-action-m-1 li{line-height:1;margin-bottom:15px}.cs-address-box-1 .csab1-action-m-1 li:last-child{margin:0}.cs-address-box-1 .csab1-action-m-1 li button{align-items:center;background-color:transparent;border:0;color:#696969;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:100%}.cs-address-box-1 .csab1-action-m-1 li button:hover{color:#401fe5}.cs-account-mobile-d-1{padding:0 30px 20px}.cs-account-mobile-d-1 .csamd1-btn-1{align-items:center;background-color:#401fe5;border:0;border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:700;line-height:22px;min-height:40px;padding:5px 30px;position:relative;text-align:left;width:100%}.cs-account-mobile-d-1 .csamd1-btn-1:after{content:"\e95e";font-family:bain!important;font-size:12px;line-height:1;position:absolute;right:30px;top:50%;transform:translateY(-50%) rotate(0deg);transition:all .3s ease;z-index:1}.cs-account-mobile-d-1 .csamd1-btn-1.active:after{transform:translateY(-50%) rotate(180deg)}.cs-card-empty-d-1{padding-top:10px;text-align:center}.cs-card-empty-d-1 img{margin-bottom:25px}.cs-card-empty-d-1 .csced1-desc-1{color:#272727;font-size:18px;font-weight:700;line-height:26px;margin-bottom:20px}.cs-account-head-1{color:#041614;font-size:16px;font-weight:700;line-height:24px;margin-bottom:30px}.cs-card-box-2{align-items:center;background-color:#fff;border:1px solid #eaecf4;border-radius:8px;display:flex;flex-wrap:wrap;margin-bottom:25px;margin-left:0;margin-right:0;padding:15px 10px 20px;position:relative}.cs-card-box-2 .csab2-col-1{flex:0 0 40px;max-width:40px;min-height:1px;padding-left:0;padding-right:0;position:relative;text-align:center;width:100%}.cs-card-box-2 .csab2-col-2{flex:0 0 calc(100% - 80px);max-width:calc(100% - 80px);min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-card-box-2 .csab2-col-3{flex:0 0 40px;max-width:40px;min-height:1px;padding-left:0;padding-right:0;position:relative;width:100%}.cs-card-box-2 .csab2-icon-1{color:rgba(114,135,253,.5);font-size:30px;line-height:1;margin-bottom:0}.cs-card-box-2 .csab2-head-1{color:#041614;font-size:16px;font-weight:700;line-height:24px;margin-bottom:12px}.cs-card-box-2 .csab2-desc-1{color:#272727;font-size:16px;font-weight:400;line-height:24px;margin-bottom:0}.cs-card-box-2 .csab2-action-m-1{list-style:none;margin:0;padding:0}.cs-card-box-2 .csab2-action-m-1 li{line-height:1;margin-bottom:15px}.cs-card-box-2 .csab2-action-m-1 li:last-child{margin:0}.cs-card-box-2 .csab2-action-m-1 li button{align-items:center;background-color:transparent;border:0;color:#696969;display:flex;font-size:24px;height:30px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:100%}.cs-card-box-2 .csab2-action-m-1 li button:hover{color:#401fe5}.cs-global-congratulations-d-1{background-color:#fff;padding:25px 0 100px}.cs-global-congratulations-d-1 .csgcd1-lottie-cont-1,.cs-global-congratulations-d-1 .csgcd1-lottie-cont-2{margin:0 auto 20px;max-width:400px;width:100%}.cs-global-congratulations-d-1 .csgcd1-text-cont-1{padding:20px 0;text-align:center}.cs-global-congratulations-d-1 .csgcd1-head-1{color:#041614;font-size:40px;font-weight:700;line-height:48px;margin-bottom:20px}.cs-global-congratulations-d-1 .csgcd1-desc-1{color:#041614;font-size:24px;font-weight:400;line-height:32px;margin-bottom:10px}.cs-global-congratulations-d-1 .csgcd1-lottie-d-1{margin:0 auto;max-width:750px;position:relative;text-align:center}.cs-global-congratulations-d-1 .csgcd1-lottie-d-1 .csgcd1-lottie-cont-1{left:60%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.cs-global-congratulations-d-1 .csgcd1-lottie-d-1 .csgcd1-lottie-cont-2{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.cs-upload-container-1{border:2px dashed #27c1b2;border-radius:18px;margin:0 auto 50px;max-width:400px;position:relative;text-align:center;width:100%}.cs-upload-container-1 input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}.cs-upload-container-1 label{cursor:pointer;display:block;height:100%;margin:0;padding:60px 25px 20px;width:100%}.cs-upload-container-1 .csuc1-desc-1{color:#deeaea;font-size:64px;line-height:1;margin-bottom:20px}.cs-upload-container-1 .csuc1-desc-2{color:#041614;font-size:16px;font-weight:400;line-height:24px;margin-bottom:8px}.cs-upload-container-1 .csuc1-desc-2 span{color:#401fe5;font-weight:600;text-decoration:underline}.cs-upload-container-1 .csuc1-desc-2 strong{font-weight:700}.cs-upload-container-1 .csuc1-desc-3{color:#696969;font-size:16px;font-weight:400;line-height:24px;margin-bottom:20px;opacity:.5}.cs-upload-container-1 .csuc1-desc-4{color:#696969;font-size:14px;font-weight:400;line-height:22px;margin-bottom:0}.cs-upload-container-1 .jsInfoTextUp1.error{color:#e04149}.cs-upload-container-1 .jsInfoTextUp1.successful{color:#401fe5}.cs-upload-container-1 .jsFileUploadInputInfoT1.error{color:#e04149}.cs-upload-container-1 .jsFileUploadInputInfoT1.successful{color:#401fe5}.cs-global-upload-btn-1{background-color:#27c1b2;border-radius:14px;display:block;margin:0 auto;position:relative;width:200px}.cs-global-upload-btn-1 svg{fill:#fff;display:none;left:50%;margin:-15px 0 0 -15px;position:absolute;top:50%}.cs-global-upload-btn-1 .csgub1-anime-d-1{background-color:#e6e6e6;border-radius:2px;display:none;height:4px;left:72px;margin:-2px 0 0;position:absolute;right:25px;top:50%}.cs-global-upload-btn-1 .csgub1-anime-d-1 span{background-color:#27c1b2;border-radius:14px;display:block;height:6px;left:0;position:absolute;top:0;width:0}.cs-global-upload-btn-1 a{background-color:#27c1b2;border-radius:14px;color:#f6fdfd;display:block;font-size:18px;font-weight:700;height:50px;line-height:50px;position:relative;text-align:center;width:100%;z-index:2}.cs-global-upload-btn-1 a:hover{color:#f6fdfd}.cs-global-upload-btn-1 a span{cursor:pointer;display:block}.cs-global-upload-btn-1.active{background:#7589f5;background:linear-gradient(90deg,rgba(117,137,245,.21),rgba(205,210,239,.28) 30%,#fff);border:1px solid #7287fd;border-radius:50px}.cs-global-upload-btn-1.active a{background-color:#401fe5;border-radius:50px}.cs-global-croppie-d-1{margin:0 auto;width:300px}.cs-global-croppie-d-1.croppie-container .cr-boundary{border:2px dashed #27c1b2}.cs-global-croppie-d-1.croppie-container .cr-slider-wrap{margin:30px auto 15px;width:100%}.cs-global-croppie-step-2{display:none}.cs-account-head-2{color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px;margin-bottom:15px}.cs-global-add-btn-1{background-color:transparent;border:0;color:#401fe5!important;font-size:16px!important;font-weight:700!important;line-height:22px;margin-bottom:20px;padding:0}.cs-global-add-btn-1 i{font-size:20px;padding-right:5px;position:relative;top:3px}.cs-file-box-1{align-items:center;background-color:#fff;border:1px solid #eaecf4;border-radius:8px;display:flex;flex-wrap:wrap;margin-bottom:25px;margin-left:-15px;margin-right:-15px;padding:20px 15px 25px;position:relative}.cs-file-box-1 .csfb1-col-1{flex:0 0 40px;max-width:40px;min-height:1px;padding-left:0;padding-right:0;position:relative;text-align:center;width:100%}.cs-file-box-1 .csfb1-col-2{flex:0 0 calc(100% - 80px);max-width:calc(100% - 80px);min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-file-box-1 .csfb1-col-3{flex:0 0 40px;max-width:40px;min-height:1px;padding-left:0;padding-right:0;position:relative;width:100%}.cs-file-box-1 .csfb1-icon-1{color:rgba(114,135,253,.5);font-size:30px;line-height:1;margin-bottom:0}.cs-file-box-1 .csfb1-head-1{color:#041614;font-size:16px;font-weight:700;line-height:24px;margin-bottom:12px}.cs-file-box-1 .csfb1-desc-1{color:#272727;font-size:16px;font-weight:400;line-height:24px;margin-bottom:0}.cs-file-box-1 .csfb1-action-m-1{list-style:none;margin:0;padding:0}.cs-file-box-1 .csfb1-action-m-1 li{line-height:1;margin-bottom:15px}.cs-file-box-1 .csfb1-action-m-1 li:last-child{margin:0}.cs-file-box-1 .csfb1-action-m-1 li button{align-items:center;background-color:transparent;border:0;color:#696969;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:100%}.cs-file-box-1 .csfb1-action-m-1 li button:hover{color:#401fe5}.cs-file-box-1 .csfb1-pdf-d-1{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:.5px solid #ededed;border-radius:8px;min-height:40px}.cs-file-box-1 .csfb1-pdf-d-1 canvas{border-radius:8px;width:100%}.cs-account-earning-d-1{background-color:#eaecf4;border-radius:0 0 20px 20px;box-shadow:0 3px 6px 0 rgba(135,143,172,.5);min-height:54px;min-width:250px;padding:12px 10px;position:absolute;right:7rem;top:0;z-index:1}.cs-account-earning-d-1 .csaed1-desc-1{color:#041614;font-size:16px;font-weight:400;line-height:30px;margin:0}.cs-account-earning-d-1 .csaed1-desc-1 span{align-items:center;background-color:#fff;border-radius:50%;color:#401fe5;display:inline-flex;font-size:12px;height:30px;justify-content:center;line-height:1;margin-right:5px;width:30px}.cs-account-earning-d-1 .csaed1-desc-1 strong{font-weight:700}.select2-container--open .cs-global-select2-dd-3.select2-dropdown--above,.select2-container--open .cs-global-select2-dd-3.select2-dropdown--below{background-color:#fff;border:.5px solid #ededed;border-radius:14px;box-shadow:0 10px 30px 0 hsla(0,0%,44%,.1);margin-top:10px;padding:10px 20px}.cs-global-select2-dd-3 .select2-results__option{border:0;border-bottom:1px solid hsla(0,0%,93%,.5);color:#041614;font-size:16px;font-weight:400;line-height:22px;padding:10px 0}.cs-global-select2-dd-3 .select2-results__option:last-child{border:0}.select2-container--default .cs-global-select2-dd-3 .select2-results__option--highlighted.select2-results__option--selectable{background-color:#fff;color:#041614}.select2-container--default .cs-global-select2-dd-3 .select2-results__option--selected{background-color:#fff;color:#041614;font-weight:700;position:relative}.select2-container--default .cs-global-select2-dd-3 .select2-results__option--selected:after{color:#27c1b2;content:"\e947";font-family:bain!important;font-size:14px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.select2-container--default .cs-global-select2-dd-3 .select2-search--dropdown{margin-bottom:15px;padding:0;position:relative}.select2-container--default .cs-global-select2-dd-3 .select2-search--dropdown:before{color:#3830dc;content:"\e94e";font-family:bain!important;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.select2-container--default .cs-global-select2-dd-3 .select2-search--dropdown .select2-search__field{border:1px solid rgba(114,135,253,.5);border-radius:10px;padding-left:30px}.select2-container--default .cs-global-select2-dd-3 .select2-search--dropdown .select2-search__field:focus{box-shadow:none;outline:none}.select2-container--default .cs-global-select2-dd-3 .select2-results>.select2-results__options{scrollbar-color:#f4f5f7;scrollbar-width:thin}.select2-container--default .cs-global-select2-dd-3 .select2-results>.select2-results__options::-webkit-scrollbar{height:4px;width:4px}.select2-container--default .cs-global-select2-dd-3 .select2-results>.select2-results__options::-webkit-scrollbar-track{background:#f4f5f7}.select2-container--default .cs-global-select2-dd-3 .select2-results>.select2-results__options::-webkit-scrollbar-thumb{background:rgba(114,135,253,.15);border-radius:20px}.select2-container--default .cs-global-select2-dd-3 .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover{background:#7287fd}.cs-global-select2-container-3 label{color:#1a1a1a;cursor:pointer;display:block;font-size:16px;font-weight:600;line-height:24px;margin-bottom:12px;text-align:left}.cs-global-select2-container-3 ::-moz-placeholder{color:hsla(0,0%,41%,.5)}.cs-global-select2-container-3 ::placeholder{color:hsla(0,0%,41%,.5)}.cs-global-select2-container-3 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after{content:"\e95c";font-family:bain!important}.cs-global-select2-container-3 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.cs-global-select2-container-3 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.cs-global-select2-container-3 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.cs-global-select2-container-3 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-radius:12px}.cs-global-select2-container-3 .select2-container--default .select2-selection--multiple,.cs-global-select2-container-3 .select2-container--default .select2-selection--single{background-color:#fff;border:.5px solid #696969;border-radius:12px;cursor:pointer;height:50px;overflow:hidden;padding:10px 0}.cs-global-select2-container-3 .select2-container--default .select2-selection--single .select2-selection__arrow{height:25px;position:absolute;right:20px;top:12px;width:14px}.cs-global-select2-container-3 .select2-container--default .select2-selection--single .select2-selection__arrow b:after{color:#696969;content:"\e95e";font-family:bain!important;font-size:8px}.cs-global-select2-container-3 .select2-container--default .select2-selection--single .select2-selection__rendered{color:#041614;font-size:16px;font-weight:400;line-height:26px;padding:12px 25px}.cs-global-select2-container-3 .select2-container--default .select2-selection--multiple .select2-selection__placeholder,.cs-global-select2-container-3 .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#041614;opacity:.5}.cs-global-select2-container-3 .select2-container--default .select2-search--inline .select2-search__field{color:#041614;cursor:pointer;font-size:15px;font-weight:400;line-height:20px;margin:2px 0;padding:0 20px;position:absolute;top:45%;transform:translateY(-50%)}.cs-global-select2-container-3 .select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder{color:#041614;font-size:15px;font-weight:400;line-height:20px;padding:0}.cs-global-select2-container-3 .select2-container--default .select2-search--inline .select2-search__field::placeholder{color:#041614;font-size:15px;font-weight:400;line-height:20px;padding:0}.cs-global-select2-container-3 .select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-flex;margin:0}.cs-global-select2-container-3 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{display:none}.cs-global-select2-container-3 .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:transparent;border:0;margin:0 5px 0 0;padding:0}.cs-global-select2-container-3 .select2-container--default .select2-selection--multiple .select2-selection__choice:after{content:","}.cs-global-select2-container-3 .select2-container--default .select2-selection--multiple .select2-selection__choice:first-child{margin-left:20px}.cs-global-select2-container-3 .select2-container--default .select2-selection--multiple .select2-selection__choice:last-child{margin-right:10px}.cs-global-select2-container-3 .select2-container--default .select2-selection--multiple .select2-selection__choice:last-child:after{display:none}.cs-global-select2-container-3 .select2-container--default .select2-selection--multiple .select2-selection__choice__display{padding:0}.cs-global-select2-container-3 .selection{position:relative}.cs-global-select2-container-3 .selection:after{align-items:center;background-color:#fff;color:#696969;content:"\e95e";display:flex;font-family:bain!important;font-size:8px;height:30px;justify-content:center;pointer-events:none;position:absolute;right:1px;top:50%;transform:translateY(-50%);width:50px}.cs-global-select2-container-3 .select2-container--open .selection:after{content:"\e95c";font-family:bain!important}.cs-hr-1{border-color:#707070;margin-bottom:25px;margin-top:25px}.cs-global-upload-cont-1{margin-bottom:30px;max-width:510px;width:100%}.cs-iw-desc-1{align-items:baseline;color:#272727;display:flex;font-size:16px;font-weight:600;line-height:24px;margin-bottom:20px}.cs-iw-desc-1 i{color:#7287fd;font-size:23px;padding-right:10px;position:relative;top:5px}.cs-uploaded-box-1{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:1px dashed #27c1b2;border-radius:14px;margin-bottom:15px;min-height:195px;position:relative}.cs-uploaded-box-1:before{background-color:rgba(4,22,20,.6);border-radius:14px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.cs-uploaded-box-1 .csub1-btn-1{align-items:center;background-color:#fdfdfd;border:0;border-radius:50%;bottom:10px;color:#401fe5;display:flex;font-size:18px;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;width:30px;z-index:3}.cs-uploaded-box-1 input{left:0;opacity:0;position:absolute;top:0;visibility:hidden;z-index:-1}.cs-checkbox-toggle-1{display:inline-block;height:30px}.cs-checkbox-toggle-1 .switch{display:inline-block;height:28px;margin:0;position:relative;width:60px}.cs-checkbox-toggle-1 .switch input{display:none}.cs-checkbox-toggle-1 .slider{background-color:#b2c1c7;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.cs-checkbox-toggle-1 .slider:before{background-color:#fff;content:"";height:24px;left:3px;position:absolute;top:2px;transition:.4s;width:24px}.cs-checkbox-toggle-1 .slider.round{border-radius:20px}.cs-checkbox-toggle-1 .slider.round:before{border-radius:50%}.cs-checkbox-toggle-1 input:checked+.slider{background-color:#27c1b2}.cs-checkbox-toggle-1 input:checked+.slider:before{transform:translateX(30px)}.cs-toggle-desc-1{color:#272727;display:inline-block;font-size:16px;font-weight:400;line-height:24px;padding-left:10px;position:relative;top:-8px}.cs-account-form-d-2{margin:0 auto;max-width:760px;width:100%}.cs-back-page-d-1{padding:10px 0 20px}.cs-back-page-d-1 .csbpd1-text-1{color:#041614;display:inline-block;font-size:16px;font-weight:600;line-height:24px}.cs-back-page-d-1 .csbpd1-text-1 i{font-size:15px;margin-right:10px;position:relative;top:1px}.cs-earnings-info-div-1{background:#27c1b2;background:linear-gradient(180deg,rgba(39,193,178,.05),rgba(40,180,181,.05) 20%,rgba(46,147,192,.05) 40%,rgba(54,94,209,.05) 80%,rgba(64,31,229,.05));border-radius:20px;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px;margin-left:-10px;margin-right:-10px;padding:16px;text-align:center}.cs-earnings-info-div-1 .cseid1-col-1{flex:0 0 25%;max-width:25%;min-height:1px;padding-left:10px;padding-right:10px;position:relative;width:100%}.cs-earnings-info-div-1 .cseid1-head-1{color:#272727;font-size:16px;font-weight:400;line-height:24px;margin-bottom:8px}.cs-earnings-info-div-1 .cseid1-desc-1{color:#272727;font-size:20px;font-weight:700;line-height:28px;margin:0}.cs-doughnut-container-1{margin:0 auto;max-width:400px;padding:30px 0 50px;position:relative;width:100%}.cs-favorites-d-1{padding-top:10px;text-align:center}.cs-favorites-d-1 img{margin-bottom:25px}.cs-favorites-d-1 .csfd1-desc-1{color:#272727;font-size:18px;font-weight:700;line-height:26px;margin-bottom:35px}.cs-favorites-d-1 .csfd1-btn-d-1{margin:0 auto 30px;max-width:250px;width:100%}.cs-secondary-btn-5{align-items:center;background-color:#401fe5;border:1px solid transparent;border-radius:22px;color:#f6fdfd;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:22px;min-height:45px;padding:5px 10px;position:relative;transition:all .3s ease;width:100%}.cs-secondary-btn-5 i{font-size:18px;padding-left:15px;position:relative;top:0}.cs-secondary-btn-5:hover{background-color:#fff;border-color:#3f22e4;box-shadow:0 5px 8px 0 rgba(64,34,229,.3);color:#401fe5}.cs-account-navs-d-2{display:flex;justify-content:center;margin-bottom:30px}.cs-fake-navTabs-1{align-items:center;border-bottom:1px solid #707070;display:flex;flex-wrap:wrap;justify-content:space-between;line-height:1;list-style:none;margin:0;padding:0}.cs-fake-navTabs-1 a{border:0;border-radius:0;color:#041614;display:block;font-size:16px;font-weight:400;line-height:24px;padding:15px 20px;position:relative;transition:all .3s ease}.cs-fake-navTabs-1 a:hover{color:#041614}.cs-fake-navTabs-1 a.active{background-color:transparent;border-color:unset;color:#401fe5}.cs-fake-navTabs-1 a.active:after{background-color:#401fe5;border-radius:5px;bottom:-2px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100%;z-index:1}.cs-rentals-cont-1{margin:0 auto;max-width:480px;width:100%}.cs-rentals-info-1{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);margin-bottom:15px;padding:12px 0 24px}.cs-rentals-info-1.type-1{padding-bottom:0}.cs-rentals-info-1.type-1 .csri1-table-1{margin-bottom:0}.cs-rentals-info-1.type-1 .csri1-table-1 tr:last-child td{border:0}.cs-rentals-info-1 .csri1-table-1{margin-bottom:15px}.cs-rentals-info-1 .csri1-table-1 td{border-bottom:1px solid #ededed;color:#041614;font-size:16px;font-weight:600;line-height:24px;padding:12px 24px}.cs-rentals-info-1 .csri1-table-1 td:first-child{color:#838383;font-weight:400}.cs-rentals-info-1 .csri1-table-1 td:last-child{text-align:right}.cs-rentals-info-1 .csri1-countdown-1{align-items:center;background-color:#000;border-radius:20px;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:20px;margin:0 auto;max-width:260px;min-height:36px;padding:7px 12px 7px 32px;position:relative;text-align:center}.cs-rentals-info-1 .csri1-countdown-1:before{content:"\e913";font-family:bain!important;font-size:22px;left:8px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.cs-rentals-info-1 .csri1-countdown-1.type-1{background-color:#35d634;box-shadow:0 3px 6px 0 #6cd250}.cs-rentals-info-1 .csri1-countdown-1.type-2{background-color:#ffb100;box-shadow:0 3px 6px 0 rgba(255,177,0,.45)}.cs-rentals-info-1 .csri1-result-d-1{background-color:#27c1b2;border-radius:0 0 20px 20px;padding:16px 10px;text-align:center}.cs-rentals-info-1 .csri1-result-d-1 .csri1rd1-t-1{color:#272727;display:block;font-size:16px;font-weight:600;line-height:22px}.cs-rentals-info-1 .csri1-result-d-1 .csri1rd1-t-1:before{background-color:#401fe5;border-radius:50%;content:"";display:inline-block;height:22px;margin-right:10px;position:relative;top:5px;width:22px}.cs-rentals-info-1 .csri1-result-d-1.completed{background-color:#cfefbe}.cs-rentals-info-1 .csri1-result-d-1.completed .csri1rd1-t-1{color:#272727}.cs-rentals-info-1 .csri1-result-d-1.completed .csri1rd1-t-1:before{background-color:#52be19}.cs-rentals-info-1 .csri1-result-d-1.cancelled{background-color:#ffefef}.cs-rentals-info-1 .csri1-result-d-1.cancelled .csri1rd1-t-1{color:#e04149}.cs-rentals-info-1 .csri1-result-d-1.cancelled .csri1rd1-t-1:before{background-color:#e04149}.cs-rentals-info-desc-1{color:#272727;font-size:16px;font-weight:400;line-height:24px;margin-bottom:15px;padding-left:24px;position:relative}.cs-rentals-info-desc-1:before{color:#7287fd;content:"\e946";font-family:bain!important;font-size:21px;left:0;position:absolute;top:6px}.cs-rentals-info-desc-1 img{max-height:38px}.cs-acc-bot-btn-mar-1{margin-bottom:100px}.cs-account-bottom-btn-d-1{background-color:#fff;box-shadow:0 -3px 30px 0 rgba(64,31,229,.05);margin-top:-90px;padding:23px 15px;position:relative;text-align:center;z-index:1}.cs-account-bottom-btn-d-1 .csabbd1-btn-1{margin:0 auto;max-width:250px}.cs-account-head-3{color:#041614;font-size:18px;font-weight:700;line-height:26px;margin-bottom:25px}.cs-rentals-details-d-1{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);margin-bottom:30px;padding:12px 0 24px}.cs-rentals-details-d-1.type-1{padding-bottom:0}.cs-rentals-details-d-1.type-1 .csri1-table-1{margin-bottom:0}.cs-rentals-details-d-1.type-1 .csri1-table-1 tr:last-child td{border:0}.cs-rentals-details-d-1 .csrdd1-table-1{margin-bottom:20px}.cs-rentals-details-d-1 .csrdd1-table-1 td{border-bottom:1px solid #ededed;color:#041614;font-size:16px;font-weight:600;line-height:24px;padding:12px 24px}.cs-rentals-details-d-1 .csrdd1-table-1 td:first-child{color:#838383;font-weight:400}.cs-rentals-details-d-1 .csrdd1-table-1 td:last-child{text-align:right}.cs-rentals-details-d-1 .csrdd1-countdown-1{align-items:center;background-color:#000;border-radius:20px;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:20px;margin:0 20px;max-width:260px;min-height:36px;padding:7px 12px 7px 32px;position:relative;text-align:center}.cs-rentals-details-d-1 .csrdd1-countdown-1:before{content:"\e913";font-family:bain!important;font-size:22px;left:8px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.cs-rentals-details-d-1 .csrdd1-countdown-1.type-1{background-color:#35d634;box-shadow:0 3px 6px 0 #6cd250}.cs-rentals-details-d-1 .csrdd1-countdown-1.type-2{background-color:#ffb100;box-shadow:0 3px 6px 0 rgba(255,177,0,.45)}.cs-rentals-details-d-1 .csrdd1-countdown-1.type-3{background-color:#401fe5}.cs-rentals-details-d-1 .csrdd1-result-d-1{padding:0 25px}.cs-rentals-details-d-1 .csrdd1-result-desc-1{color:#272727;font-size:16px;font-weight:600;line-height:22px;margin:0}.cs-rentals-details-d-1 .csrdd1-result-desc-1:before{background-color:#401fe5;border-radius:50%;content:"";display:inline-block;height:22px;margin-right:10px;position:relative;top:5px;width:22px}.cs-rentals-details-d-1 .csrdd1-result-desc-1.completed{color:#52be19}.cs-rentals-details-d-1 .csrdd1-result-desc-1.completed:before{background-color:#52be19}.cs-rentals-details-d-1 .csrdd1-result-desc-1.cancelled{color:#e04149}.cs-rentals-details-d-1 .csrdd1-result-desc-1.cancelled:before{background-color:#e04149}.cs-rentals-payment-d-1{background-color:#f6fdfd;margin-bottom:35px;padding:5px 25px 20px}.cs-rentals-payment-d-1 .csrpd1-table-1{margin-bottom:0}.cs-rentals-payment-d-1 .csrpd1-table-1 tr td{color:#041614;font-size:16px;font-weight:600;line-height:24px;padding:8px 0}.cs-rentals-payment-d-1 .csrpd1-table-1 tr td:last-child{text-align:right}.cs-rentals-payment-d-1 .csrpd1-table-1 tr:last-child td{border-top:1px dashed #696969;font-weight:700;padding-top:15px}.cs-rentals-payment-d-1 .csrpd1-table-1 tr:nth-last-child(2) td{padding-bottom:15px}.cs-action-input-menu-1{list-style:none;margin:0;padding:0}.cs-action-input-menu-1 li{line-height:1;margin-bottom:25px}.cs-check-input-2{position:relative}.cs-check-input-2 input{cursor:pointer!important;left:0!important;opacity:0!important;position:absolute!important;top:0!important}.cs-check-input-2 input:checked+label,.cs-check-input-2 input:not(:checked)+label{color:#272727!important;cursor:pointer!important;display:block!important;font-size:14px!important;left:0!important;line-height:25px!important;margin:0!important;padding-left:0!important;padding-right:35px!important;position:relative!important;top:0!important}.cs-check-input-2 input:not(:checked)+label:before{background:#fff;border:1px solid #b7b7b7;border-radius:4px;content:"";height:24px;position:absolute;right:0;top:1px;width:24px}.cs-check-input-2 input:checked+label:before{background:#27c1b2;border:1px solid #27c1b2;border-radius:4px;content:"";height:24px;position:absolute;right:0;top:1px;width:24px}.cs-check-input-2 input:checked+label:after{color:#fff;content:"\e947";font-family:bain!important;font-size:12px;line-height:1;position:absolute;right:4px;top:8px}.cs-icon-row-1{display:flex;flex-wrap:wrap;margin-bottom:40px;margin-left:-15px;margin-right:-15px}.cs-icon-row-1 .csir1-col-1{border-right:1px solid #dbdbdb;flex:0 0 25%;max-width:25%;min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-icon-row-1 .csir1-col-1:last-child{border-right:0}.cs-icon-box-2{text-align:center}.cs-icon-box-2 .img-div-1{align-items:center;display:flex;justify-content:center;margin-bottom:15px;min-height:52px}.cs-icon-box-2 .img-div-1 img{max-height:52px}.cs-icon-box-2 .csib2-desc-1{color:#696969;font-size:16px;font-weight:600;line-height:24px;margin-bottom:10px}.cs-icon-box-2 .csib2-desc-2{color:#272727;font-size:22px;font-weight:700;line-height:30px;margin-bottom:0}.cs-iw-desc-2{align-items:baseline;color:#272727;display:flex;font-size:16px;font-weight:600;line-height:24px;margin-bottom:20px}.cs-iw-desc-2 i{color:#696969;font-size:23px;padding-right:10px;position:relative;top:2px}.cs-rentals-timeout-d-1{background-color:#f6fdfd;margin-bottom:20px;padding:16px 0;position:relative}.cs-rentals-timeout-d-1:after,.cs-rentals-timeout-d-1:before{background-color:#f6fdfd;content:"";height:100%;position:absolute;top:0;width:25px;z-index:1}.cs-rentals-timeout-d-1:before{left:-25px}.cs-rentals-timeout-d-1:after{right:-25px}.cs-global-table-cont-1{max-width:350px}.cs-global-table-1{margin:0}.cs-global-table-1 tr td{color:#272727;font-size:16px;font-weight:400;line-height:24px;padding:10px 0}.cs-global-table-1 tr td:last-child{font-weight:700;text-align:right}.cs-iw-link-1{background-color:transparent;border:0;color:#401fe5;font-size:16px;font-weight:700;line-height:22px;padding:0}.cs-iw-link-1,.cs-iw-link-1 i{align-items:center;display:inline-flex;justify-content:center}.cs-iw-link-1 i{background-color:#eaecf4;border-radius:50%;height:30px;margin-right:10px;width:30px}.cs-iw-link-1 span{text-decoration:underline}.cs-iw-link-1:hover{color:#401fe5}.cs-iw-link-1:hover span{text-decoration:none}.cs-hr-2{border-color:#ededed;margin-bottom:25px;margin-top:25px}.cs-rating-box-1{display:block;height:35px;margin-bottom:20px;width:100%}.cs-rating-box-1 .rating{border:none;float:left;margin:0;padding:0}.cs-rating-box-1 .rating>input{display:none}.cs-rating-box-1 .rating>label{color:#ededed;float:right;margin:0!important}.cs-rating-box-1 .rating>label:before{content:"\e94d";display:inline-block;font-family:bain!important;font-size:30px;margin:5px}.cs-rating-box-1 .rating>.half:before{content:"\e94c";position:absolute}.cs-rating-box-1 .rating:not(:checked)>label:hover,.cs-rating-box-1 .rating:not(:checked)>label:hover~label,.cs-rating-box-1 .rating>input:checked+label:hover,.cs-rating-box-1 .rating>input:checked~label,.cs-rating-box-1 .rating>input:checked~label:hover,.cs-rating-box-1 .rating>input:checked~label:hover~label,.cs-rating-box-1 .rating>label:hover~input:checked~label{color:#ffc850}.cs-navTabs-3{justify-content:space-between}.cs-navTabs-3.nav{margin-bottom:30px}.cs-navTabs-3.nav-tabs{border-color:#707070}.cs-navTabs-3.nav-tabs .nav-link{border:0;border-radius:0;color:#041614;font-size:16px;font-weight:400;line-height:22px;padding:10px 15px;position:relative;transition:all .3s ease}.cs-navTabs-3.nav-tabs .nav-link.active{background-color:transparent;border-color:unset;color:#27c1b2;font-weight:700}.cs-navTabs-3.nav-tabs .nav-link.active:after{background-color:#27c1b2;border-radius:5px;bottom:-2px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:80px;z-index:1}.cs-navTabs-3.nav-tabs .nav-item.show{background-color:transparent;border-color:unset;color:#27c1b2}.cs-rentals-doc-d-1{margin:0 auto;max-width:400px}.jsRentalsDocsModalStep-2{display:none}.cs-rentals-modal-doc-cont-1{text-align:center}.cs-rentals-modal-doc-cont-1 .csrmdc1-img-1{margin-bottom:35px}.cs-rentals-modal-doc-cont-1 .csrmdc1-desc-1{color:#272727;font-size:16px;font-weight:700;line-height:24px;margin-bottom:60px}.cs-account-cars-row-1{display:flex;flex-wrap:wrap;margin-bottom:10px;margin-left:-8px;margin-right:-8px}.cs-account-cars-row-1 .csacr1-col-1{flex:0 0 calc(100% - 455px);margin-bottom:20px;max-width:calc(100% - 455px);min-height:1px;padding-left:8px;padding-right:8px;position:relative;width:100%}.cs-account-cars-row-1 .csacr1-col-2{flex:0 0 220px;max-width:220px}.cs-account-cars-row-1 .csacr1-col-2,.cs-account-cars-row-1 .csacr1-col-3{margin-bottom:10px;min-height:1px;padding-left:8px;padding-right:8px;position:relative;width:100%}.cs-account-cars-row-1 .csacr1-col-3{flex:0 0 235px;max-width:235px}.cs-secondary-btn-6{align-items:center;background-color:#eaecf4;border:0;border-radius:10px;color:#401fe5;display:inline-flex;font-size:18px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:24px;min-height:50px;min-width:145px;padding:5px 10px;text-align:center;transition:all .3s ease}.cs-secondary-btn-6 i{padding-right:10px}.cs-secondary-btn-6:hover{box-shadow:0 4px 6px 0 rgba(234,236,244,.65);color:#401fe5}.cs-account-cars-search-1{max-width:260px;position:relative}.cs-account-cars-search-1 i{color:#696969;font-size:25px;left:15px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cs-account-cars-search-1 input{padding-left:50px!important}.cs-account-cars-status-m-1{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 0 10px;padding:0}.cs-account-cars-status-m-1 li{line-height:1;margin-bottom:15px;margin-right:20px}.cs-account-cars-status-m-1 button{align-items:center;background-color:#fff;border:1px solid #ededed;border-radius:10px;display:flex;justify-content:center;min-height:36px;min-width:110px;padding:5px;position:relative}.cs-account-cars-status-m-1 button.active{background-color:#f4f5f7}.cs-account-cars-status-m-1 button.type-1:before{background-color:#33d73a;border-radius:50%;content:"";height:22px;margin-right:8px;width:22px}.cs-account-cars-status-m-1 button.type-2:before{background-color:#d9474f;border-radius:50%;content:"";height:22px;margin-right:8px;width:22px}.cs-account-cars-status-m-1 button.type-3:before{background-color:#007aff;border-radius:50%;content:"";height:22px;margin-right:8px;width:22px}.cs-account-cars-status-m-1 button.type-4:before{background-color:#c5cdcd;border-radius:50%;content:"";height:22px;margin-right:8px;width:22px}.cs-account-cars-status-m-1 button.type-5:before{background-color:#efa036;border-radius:50%;content:"";height:22px;margin-right:8px;width:22px}.cs-account-cars-row-2{display:flex;flex-wrap:wrap;margin-left:-11px;margin-right:-11px}.cs-account-cars-row-2 .csacr2-col-1{flex:0 0 33.3333333333%;max-width:33.3333333333%;min-height:1px;padding-left:11px;padding-right:11px;position:relative;width:100%}.cs-cars-box-1{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);margin-bottom:30px;min-height:220px;padding:35px 15px;position:relative}.cs-cars-box-1 .cscb1-head-1{color:#041614;font-size:18px;font-weight:700;line-height:26px;margin-bottom:8px}.cs-cars-box-1 .cscb1-desc-1{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#838383;display:-webkit-box;font-size:16px;font-weight:400;line-height:24px;margin-bottom:8px;max-height:72px;min-height:72px;overflow:hidden;text-overflow:ellipsis}.cs-cars-box-1 .cscb1-desc-2{align-items:center;background-color:#f0f0f0;border-radius:20px;color:#041614;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;line-height:24px;margin-bottom:0;max-width:160px;min-height:36px;padding:5px 15px;width:100%}.cs-cars-box-1:before{background-color:#f0f0f0;border-radius:50%;content:"";height:22px;position:absolute;right:15px;top:15px;width:22px;z-index:0}.cs-cars-box-1.status-1:before{background-color:#33d73a}.cs-cars-box-1.status-2:before{background-color:#d9474f}.cs-cars-box-1.status-3:before{background-color:#007aff}.cs-cars-box-1.status-4:before{background-color:#c5cdcd}.cs-cars-box-1.status-5:before{background-color:#efa036}.cs-iw-head-1{background-color:transparent;border:0;color:#401fe5;font-size:16px;font-weight:700;line-height:22px;margin-bottom:25px;padding:0}.cs-iw-head-1 i{font-size:20px;padding-right:5px;position:relative;top:3px}.cs-iwb-head-1{border-bottom:1px solid #707070;color:#041614;font-size:16px;font-weight:700;line-height:22px;margin-bottom:24px;padding-bottom:12px;padding-right:26px;position:relative}.cs-iwb-head-1.active:after{align-items:center;background-color:#1dc321;border-radius:50%;color:#fff;content:"\e947";display:flex;font-family:bain!important;font-size:12px;height:26px;justify-content:center;line-height:1;position:absolute;right:0;top:0;width:26px;z-index:1}.cs-global-desc-3{color:#272727;font-size:16px;font-weight:600;line-height:23px;margin-bottom:25px}.cs-modal-5 .modal-dialog{margin:3rem auto;max-width:980px;padding:15px}.cs-modal-5 .modal-content{border:0;border-radius:18px;padding:0}.cs-modal-5 .close{color:#1a1a1a;font-size:30px;line-height:1;opacity:1;position:absolute;right:20px;text-shadow:none;top:20px;z-index:2}.cs-modal-5 .modal-body{border-radius:18px;padding:30px 70px}.cs-modal-5 .cs-damage-btn-group{margin:30px auto;max-width:310px}.cs-modal-5 .modal-header{border-bottom:0!important;padding-bottom:0!important}.cs-modal-5 .modal-footer{justify-content:center}.cs-modal-5 #damage_area_modal_label{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px;margin-bottom:15px;text-align:center}.cs-modal-5 .cs-hasar-bolgesi-main{background-repeat:no-repeat;background-size:cover;border:1px solid #000;display:flex;flex-wrap:wrap;height:652px;margin:0 auto;max-width:410px;width:100%}.cs-modal-5 .cs-hasar-bolgesi-main .form-check{border-bottom:1px solid #401fe5;padding:0;width:30%}.cs-modal-5 .cs-hasar-bolgesi-main .form-check:nth-child(3n+2){border:1px solid #401fe5;border-top:none;width:40%!important}.cs-modal-5 .cs-hasar-bolgesi-main .form-check:nth-child(n+7){border-bottom:none}.cs-modal-5 .cs-hasar-bolgesi-main .form-check .cs-choose-check{display:none}.cs-modal-5 .cs-hasar-bolgesi-main .form-check label{cursor:pointer;height:100%;width:100%}.cs-modal-5 .cs-hasar-bolgesi-main .form-check .form-check-input{cursor:pointer;display:none}.cs-modal-5 .cs-hasar-bolgesi-main .form-check .form-check-input:checked+label{background:rgba(39,193,178,.5);background:linear-gradient(180deg,rgba(39,193,178,.5),rgba(40,180,181,.5) 19%,rgba(46,147,192,.5) 38%,rgba(54,94,209,.5) 71%,rgba(64,31,229,.5))}.cs-modal-5 .cs-hasar-bolgesi-main .form-check .form-check-input:checked+label .cs-choose-check{align-items:center;display:block;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:65%;transform:translate(-50%,-50%)}.cs-modal-5 .cs-hasar-bolgesi-main .form-check .form-check-input:checked+label .cs-choose-check .cs-cc-text{color:#fff;font-size:16px;font-weight:700;line-height:24px}.cs-cars-upload-list-1{display:flex;flex-wrap:wrap;margin-left:-7px;margin-right:-7px}.cs-cars-upload-list-1 .cscul1-col-1{flex:0 0 20%;max-width:20%;min-height:1px;padding-left:7px;padding-right:7px;position:relative;width:100%}.cs-cars-upload-box-1{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:14px;height:120px;margin-bottom:14px;position:relative;transition:all .3s ease}.cs-cars-upload-box-1:before{background-color:#041614;border-radius:14px;bottom:0;content:"";left:0;opacity:.6;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;width:100%}.cs-cars-upload-box-1 .cscub1-delete-btn-1{align-items:center;background-color:#fdfdfd;border:0;border-radius:50%;color:#401fe5;display:flex;font-size:15px;height:30px;justify-content:center;left:50%;line-height:1;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:30px;z-index:1}.cs-cars-upload-box-1:hover:before{opacity:.6;visibility:visible}.cs-cars-upload-box-1:hover .cscub1-delete-btn-1{opacity:1;visibility:visible}.cs-rentals-info-head-1{color:#041614;font-size:16px;font-weight:700;line-height:24px;margin-bottom:15px;padding-left:32px;position:relative}.cs-rentals-info-head-1:before{color:#7287fd;content:"\e946";font-family:bain!important;font-size:21px;left:0;position:absolute;top:0}.cs-rentals-info-desc-2{color:#696969;font-size:16px;font-weight:600;line-height:24px;margin-bottom:25px}.cs-cars-work-plain-cont-1{margin:0 auto;max-width:1010px;width:100%}.cs-cars-wp-breadcrumb-1 ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0 0 5px;padding:10px 0 0}.cs-cars-wp-breadcrumb-1 ul li{color:#041614;font-size:18px;font-weight:600;line-height:24px;margin-bottom:10px}.cs-cars-wp-breadcrumb-1 ul li:after{background-color:#ededed;content:"";display:inline-block;height:20px;margin-left:15px;margin-right:20px;position:relative;top:4px;width:1px}.cs-cars-wp-breadcrumb-1 ul li:last-child:after{display:none}.cs-cars-wp-breadcrumb-1 ul li a{color:#041614;font-size:18px;font-weight:700;line-height:24px}.cs-cars-wp-breadcrumb-1 ul li a:hover{color:#041614}.cs-cars-wp-box-1{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);display:flex;flex-wrap:wrap;margin-bottom:30px;margin-left:-15px;margin-right:-15px;padding:35px 30px}.cs-cars-wp-box-1 .cscwb1-col-1{flex:0 0 230px;max-width:230px;text-align:center}.cs-cars-wp-box-1 .cscwb1-col-1,.cs-cars-wp-box-1 .cscwb1-col-2{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-cars-wp-box-1 .cscwb1-col-2{flex:0 0 calc(100% - 470px);max-width:calc(100% - 470px)}.cs-cars-wp-box-1 .cscwb1-col-3{flex:0 0 240px;max-width:240px;min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-cars-wp-box-1 .cscwb1-head-1{color:#041614;font-size:18px;font-weight:700;line-height:24px;margin-bottom:12px}.cs-cars-wp-box-1 .cscwb1-desc-1{color:#838383;font-size:16px;font-weight:400;line-height:22px;margin-bottom:0}.cs-cars-wp-box-1 .cscwb1-price-1{align-items:center;background-color:#f0f0f0;border-radius:20px;color:#041614;display:inline-flex;font-size:18px;font-weight:700;justify-content:center;line-height:24px;margin-bottom:0;min-height:36px;min-width:160px;padding:5px 10px}.cs-cars-wp-box-1 .cscwb1-price-1:after{background-color:#f0f0f0;border-radius:50%;content:"";height:22px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:22px}.cs-cars-wp-box-1 .cscwb1-price-1.status-1:after{background-color:#33d73a}.cs-cars-wp-box-1 .cscwb1-price-1.status-2:after{background-color:#d9474f}.cs-cars-wp-box-1 .cscwb1-price-1.status-3:after{background-color:#007aff}.cs-cars-wp-box-1 .cscwb1-price-1.status-4:after{background-color:#c5cdcd}.cs-cars-wp-empty-div-1{margin-bottom:45px;text-align:center}.cs-cars-wp-empty-div-1 img{margin-bottom:40px;max-height:230px;width:auto}.cs-cars-wp-empty-div-1 .cscwed1-desc-1{color:#272727;font-size:18px;font-weight:700;line-height:26px;margin-bottom:45px}.cs-cars-wp-empty-div-1 .cscwed1-btn-1{max-width:310px;width:100%}.cs-cars-wp-list-box-1{align-items:center;background-color:#fff;border:1px solid #eaecf4;border-radius:12px;display:flex;flex-wrap:wrap;margin-bottom:25px;margin-left:0;margin-right:0;padding:10px 15px;position:relative}.cs-cars-wp-list-box-1 .cscwlb1-col-1{flex:0 0 40px;max-width:40px;min-height:1px;padding-left:0;padding-right:0;position:relative;text-align:center;width:100%}.cs-cars-wp-list-box-1 .cscwlb1-col-2{flex:0 0 calc(100% - 80px);max-width:calc(100% - 80px);min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-cars-wp-list-box-1 .cscwlb1-col-3{flex:0 0 40px;max-width:40px;min-height:1px;padding-left:0;padding-right:0;position:relative;width:100%}.cs-cars-wp-list-box-1 .cscwlb1-icon-1{color:#401fe5;font-size:30px;line-height:1;margin-bottom:0}.cs-cars-wp-list-box-1 .cscwlb1-head-1{color:#041614;font-size:16px;font-weight:700;line-height:24px;margin-bottom:0}.cs-cars-wp-list-box-1 .cscwlb1-desc-1{color:#272727;font-size:16px;font-weight:400;line-height:24px;margin-bottom:0}.cs-cars-wp-list-box-1 .cscwlb1-action-m-1{list-style:none;margin:0;padding:0}.cs-cars-wp-list-box-1 .cscwlb1-action-m-1 li{line-height:1;margin-bottom:5px}.cs-cars-wp-list-box-1 .cscwlb1-action-m-1 li:last-child{margin:0}.cs-cars-wp-list-box-1 .cscwlb1-action-m-1 li button{align-items:center;background-color:transparent;border:0;color:#696969;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:100%}.cs-cars-wp-list-box-1 .cscwlb1-action-m-1 li button:hover{color:#401fe5}.cs-cars-wp-list-box-1 .cscwlb1-action-m-1 li a{align-items:center;background-color:transparent;border:0;color:#696969;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:100%}.cs-cars-wp-list-box-1 .cscwlb1-action-m-1 li a:hover{color:#401fe5}.cs-cars-wp-head-1{color:#041614;font-size:18px;font-weight:700;line-height:26px;margin-bottom:30px}.cs-cars-wp-row-1{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.cs-cars-wp-row-1 .cscwpr1-col-1,.cs-cars-wp-row-1 .cscwpr1-col-2{flex:0 0 50%;margin-bottom:20px;max-width:50%;min-height:1px;padding-left:10px;padding-right:10px;position:relative;width:100%}.cs-cars-wp-btn-a-1{margin:0 auto 50px;max-width:310px;padding-top:50px}.cs-cars-wp-c-box-1{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);height:100%;padding:25px}.cs-cars-wp-c-box-1 .cscwpcb1-in-1{margin:0 auto;max-width:320px}.cs-cars-wp-c-box-1 .cscwpcb1-br-d-1{border-top:1px solid #ededed;margin-top:35px;padding-top:35px}.cs-cars-wp-c-box-2{background-color:#f6fdfd;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);height:100%;padding:10px 15px 0}.cs-cars-wp-table-1 thead th{font-weight:700}.cs-cars-wp-table-1 tbody td,.cs-cars-wp-table-1 thead th{color:#272727;font-size:16px;line-height:24px;padding:20px 10px;vertical-align:middle}.cs-cars-wp-table-1 tbody td{font-weight:600;position:relative}.cs-cars-wp-table-1 .activeDayTimeClass1{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);z-index:-1}.cs-cars-wp-table-1 .time-add-btn-1{align-items:center;background-color:transparent;border:0;color:#007aff;display:flex;font-size:22px;height:30px;justify-content:center;line-height:1;width:35px}.cs-cars-wp-table-1 .table-ii-1{color:#27c1b2;display:block;font-size:22px;line-height:1;padding-right:10px;text-align:center}.cs-cars-wp-table-1 input[type=time]{background:transparent;border:none;outline:none}.cs-check-input-3{min-height:30px;position:relative}.cs-check-input-3 input{cursor:pointer!important;left:0!important;opacity:0!important;position:absolute!important;top:0!important}.cs-check-input-3 input:checked+label,.cs-check-input-3 input:not(:checked)+label{color:#272727!important;cursor:pointer!important;display:inline-block!important;font-size:14px!important;left:0!important;line-height:25px!important;margin-bottom:15px!important;padding-left:35px!important;padding-right:0!important;position:relative!important;top:0!important}.cs-check-input-3 input:not(:checked)+label:before{background:#fff;border:1px solid #b7b7b7;border-radius:4px;content:"";height:24px;left:0;position:absolute;top:0;width:24px}.cs-check-input-3 input:checked+label:before{background:#fff;border:1px solid #27c1b2;border-radius:4px;content:"";height:24px;left:0;position:absolute;top:0;width:24px}.cs-check-input-3 input:checked+label:after{color:#27c1b2;content:"\e947";font-family:bain!important;font-size:12px;left:5px;line-height:1;position:absolute;top:6px}.daterangepicker.mnt-type-2{border-radius:20px}.daterangepicker.mnt-type-2 .drp-calendar.left{padding-right:8px}.daterangepicker.mnt-type-2 .drp-buttons{text-align:center}.cs-cars-wp-c-box-3{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px 0 rgba(69,69,69,.1);height:100%;padding:25px}.cs-cars-wp-c-box-3 .cscwpcb3-in-1{margin:0 auto;max-width:320px}.cs-cars-wp-form-d-1 .empty{border-color:#e04149!important}.cs-cars-wp-form-d-2{display:none}.cs-soon-div-1{align-items:flex-end;background-blend-mode:multiply;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:flex;flex-wrap:wrap;height:100%;min-height:100vh;padding-top:2%}.cs-soon-container-1{margin:0 auto;max-width:1390px;padding-left:15px;padding-right:15px;width:100%}.cs-soon-top-s-1{margin-bottom:100px;text-align:center}.cs-soon-top-s-1 img{margin-bottom:50px;max-height:160px}.cs-soon-top-s-1 .head-1{color:#fff;font-size:80px;font-weight:800;letter-spacing:5px;line-height:90px;margin-bottom:0}.cs-soon-row-1{align-items:center;display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.cs-soon-row-1 .cssr1-col-1{flex:0 0 calc(100% - 480px);max-width:calc(100% - 480px)}.cs-soon-row-1 .cssr1-col-1,.cs-soon-row-1 .cssr1-col-2{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.cs-soon-row-1 .cssr1-col-2{flex:0 0 480px;max-width:480px}.cs-soon-text-con-1{max-width:580px}.cs-soon-head-1{color:#fff;font-size:44px;font-weight:800;line-height:52px;margin-bottom:25px}.cs-soon-desc-1{color:#fff;font-size:22px;font-weight:400;line-height:30px;margin-bottom:25px}.cs-soon-image-m-1{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cs-soon-image-m-1 li{margin-bottom:15px;margin-right:8px}.cs-soon-image-m-1 li:last-child{margin-right:0}.cs-soon-image-m-1 li img{max-height:44px;min-height:44px}.cs-file-name-item-1::-moz-placeholder{border:none;color:#041614!important;font-size:16px!important;font-weight:700!important;line-height:24px!important;margin-bottom:12px!important;padding:0!important}.cs-file-name-item-1,.cs-file-name-item-1::placeholder{border:none;color:#041614!important;font-size:16px!important;font-weight:700!important;line-height:24px!important;margin-bottom:12px!important;padding:0!important}.cs-file-name-item-1:focus,.cs-file-name-item-1:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}.cs-vale-form-c-1{align-items:center;display:flex;flex-wrap:wrap;height:100%;margin:0 auto 0 0;max-width:700px;padding:30px 15px;position:relative;width:100%;z-index:1}.cs-vale-form-c-1 .form-d-1{margin:0 auto;max-width:490px}.cs-vale-form-c-1 .form-d-1 .cs-wbg-head-3{text-align:center}.cs-vale-form-c-1 .form-d-2{margin:0 auto;max-width:320px}.cs-vale-form-c-1 .form-d-2 .cs-global-document-upload-1{width:100%}.cs-vale-form-c-1 .form-d-2 .form-input-1{padding-bottom:10px;padding-top:10px}.cs-vale-form-c-1 .form-d-2 .cs-primary-btn-3{opacity:.5;pointer-events:none}.cs-vale-form-c-1 .form-d-2 .cs-primary-btn-3.active{cursor:pointer;opacity:1!important;pointer-events:visible!important}.cs-vale-form-c-1 .form-d-3{margin:0 auto}.cs-vale-form-c-1 .form-d-3 .form-input-1{padding-bottom:50px;padding-top:50px}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-1{border:1px solid #27c1b2;border-radius:18px;padding:7px;position:relative;text-align:center}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-1 .cs-vale-title{color:#000;font-size:16px;font-weight:600;line-height:24px}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-1 .cs-vale-desc{color:#000;font-size:14px;font-weight:400;line-height:24px}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-1 .cs-vale-icon-1{align-items:center;background:#fff;border:1px solid #27c1b2;border-radius:50%;bottom:-14px;display:flex;justify-content:center;left:50%;padding:5px 8px;position:absolute;transform:translateX(-50%);width:-moz-max-content;width:max-content}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-1 .cs-vale-icon-1 i{color:#27c1b2}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-2{border:1px solid #401fe5;border-radius:18px;padding:7px;position:relative;text-align:center}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-2 .cs-vale-title{color:#000;font-size:16px;font-weight:600;line-height:24px}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-2 .cs-vale-desc{color:#000;font-size:14px;font-weight:400;line-height:24px}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-2 .cs-vale-icon-2{align-items:center;background:#fff;border:1px solid #401fe5;border-radius:50%;bottom:-14px;display:flex;justify-content:center;left:50%;padding:5px 8px;position:absolute;transform:translateX(-50%);width:-moz-max-content;width:max-content}.cs-vale-form-c-1 .form-d-3 .cs-vale-main-1 .cs-vale-select-2 .cs-vale-icon-2 i{color:#401fe5}.cs-vale-info{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0 auto;max-width:450px;min-height:75vh;text-align:center}.cs-vale-info .cs-desc-1{font-size:18px;font-weight:600;line-height:26px}.cs-vale-info .cs-link-1{color:#efa036}.cs-vale-info .cs-link-1,.cs-vale-info .cs-link-2{font-size:18px;font-weight:400;line-height:26px;text-decoration:underline!important}.cs-vale-info .cs-link-2{color:#e04149}.cs-global-area-1 .cs-cookie-fly-d-1{background-color:#401fe5;bottom:0;box-shadow:0 -3px 6px 0 rgba(0,0,0,.2);left:0;opacity:1;padding:15px 50px 0;position:fixed;right:0;text-align:center;transition:all .2s ease;visibility:visible;width:100%;z-index:20}.cs-global-area-1 .cs-cookie-fly-d-1.deactive{opacity:0;visibility:hidden}.cs-global-area-1 .cs-cookie-fly-d-1 .desc-1{color:#fff;font-size:13px;font-weight:500;line-height:20px;margin-bottom:10px}.cs-global-area-1 .cs-cookie-fly-d-1 .desc-1 a{color:#27c1b2;font-weight:600;text-decoration:underline}.cs-global-area-1 .cs-cookie-fly-d-1 .btn-menu-1{align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:0}.cs-global-area-1 .cs-cookie-fly-d-1 .btn-menu-1 li{line-height:1;margin-bottom:15px;padding:0 10px}.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-1{align-items:center;background-color:transparent;border:1px solid #fff;border-radius:40px;color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center;line-height:14px;min-height:28px;padding:5px 15px;transition:all .2s ease}.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-1:hover{background-color:#fff;color:#401fe5}.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-2{align-items:center;background-color:#27c1b2;border:1px solid #27c1b2;border-radius:40px;color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center;line-height:14px;min-height:28px;padding:5px 15px;transition:all .2s ease}.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-2:hover{background-color:transparent;color:#27c1b2}.cs-global-area-1 .cs-modal-7 .modal-content{border:none;border-radius:14px}.cs-global-area-1 .cs-modal-7 .modal-content .cs-wbg-head-2{font-size:25px}.cs-global-area-1 .cs-modal-7 .modal-content .cs-wbg-head-2 span:before{content:none}.cs-global-area-1 .cs-modal-7 .modal-content .modal-body{padding:0 25px 25px}.cs-global-area-1 .cs-modal-7 .modal-content .modal-body .cs-desc-1{color:#000;font-size:16px;font-weight:600;line-height:24px}.cs-language-select{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid rgba(26,31,54,.14);border-radius:12px;color:#1a1f36;display:block;font-size:13px;font-weight:700;height:40px;justify-content:center;letter-spacing:.04em;line-height:38px;min-width:72px;max-width:84px;overflow:visible;padding:0 28px 0 12px;position:relative;text-align:left;transition:all .3s ease;white-space:nowrap;width:72px}.cs-language-select:focus,.cs-language-select:focus-visible,.cs-language-select:focus-within,.cs-language-select:hover{outline:none}.cs-language-select:hover{background-color:#f0faf7;border-color:#0f9e96;color:#0b827b}.scroll-modal-a-1 table{width:100%!important}.cs-rentals-info-wrapper .cs-iwb-head-1{align-items:center;display:flex;justify-content:space-between}.cs-rentals-info-wrapper .cs-iwb-head-1 span{font-size:20px;text-transform:capitalize}.cs-rentals-info-wrapper .cs-iwb-head-1 .cs-delete-btn{color:#27c1b2}.cs-rentals-info-wrapper .cs-iwb-head-1 .cs-delete-btn:hover{color:#401fe5}.cs-rentals-info-wrapper .cs-iwb-head-1 .cs-delete-btn i{font-size:20px}.calendar-fully{pointer-events:none}.calendar-fully:after{background:#e04149}.calendar-fully:after,.calendar-half:after{border-radius:50%;bottom:-2px;content:"";display:block;height:7px;left:50%;position:absolute;transform:translateX(-50%);width:7px}.calendar-half:after{background:#ffba00}.calendar-invalid{pointer-events:none}.calendar-invalid:after{background:#aaa;border-radius:50%;bottom:-2px;content:"";display:block;height:7px;left:50%;position:absolute;transform:translateX(-50%);width:7px}.calendar-scroll::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.calendar-scroll::-webkit-scrollbar{background-color:transparent;width:4px}.calendar-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.leaflet-popup-content-wrapper .leaflet-popup-content .cs-car-box-1{box-shadow:none;margin:0}.leaflet-popup-content-wrapper .leaflet-popup-content .cs-car-box-1 .img-div-1 img{height:210px}.leaflet-popup-content-wrapper .leaflet-popup-content .cs-car-box-1 .cscb-top-area-1{padding:0}.leaflet-popup-content-wrapper .leaflet-popup-content .cs-car-box-1 .cscb-bottm-area-1 .desc-2,.leaflet-popup-content-wrapper .leaflet-popup-content .cs-car-box-1 .info-div-1{padding:5px}.leaflet-popup-content-wrapper .leaflet-popup-content .cs-car-box-1 .info-drow-1 .idr1-col-1{margin-bottom:5px}.leaflet-popup-content-wrapper .leaflet-popup-content .cs-car-box-1 p{margin:0 0 5px}.custom-modal{position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.custom-modal,.custom-modal-overlay{height:100vh;left:0;top:0;width:100vw}.custom-modal-overlay{background:rgba(0,0,0,.4);position:absolute}.custom-modal-content{animation:modalFadeIn .3s;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;max-width:53vw;min-height:321px;min-width:393px;padding:32px 24px 24px;position:relative;z-index:2}.custom-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:16px}.custom-modal-header{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.custom-modal-header h5{color:#e04149;font-size:1.25rem;margin:0}.custom-modal-body{color:#333;margin-bottom:16px;text-align:center}.custom-modal-footer{display:flex;justify-content:center}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}body{background:#f5f7fa;color:#0f172a;font-family:Inter,sans-serif}.section{padding:80px 0}.premium-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(15,23,42,.06);padding:40px;transition:all .3s ease}.premium-card:hover{box-shadow:0 30px 80px rgba(15,23,42,.1);transform:translateY(-6px)}h1,h2{color:#0f172a;font-weight:700;letter-spacing:-.5px}h1{font-size:42px}h2{font-size:32px}p{color:#64748b;font-size:15px;line-height:1.7}.btn{border-radius:12px;font-weight:500;padding:10px 18px;transition:all .25s ease}.btn-primary{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;box-shadow:0 10px 25px rgba(37,99,235,.25)}.btn-primary:hover{box-shadow:0 15px 35px rgba(37,99,235,.35);transform:translateY(-2px)}img{border-radius:16px}.image-wrapper{background:#f1f5f9;border-radius:20px;padding:20px}.section-divider{background:linear-gradient(90deg,transparent,#e2e8f0,transparent);height:1px;margin:60px 0}.glass{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.4);border-radius:20px}.cs-homepage-sec-10.section,.cs-homepage-sec-11.section,.cs-homepage-sec-4.section,.cs-homepage-sec-5.section,.cs-homepage-sec-6.section,.cs-homepage-sec-8.section,.cs-homepage-sec-9.section{border-top:1px solid rgba(248,249,250,.95)}.how-it-works-placeholder,.three-d-placeholder{background:linear-gradient(180deg,rgba(208,215,255,.35),hsla(0,0%,100%,.95));border:1px solid rgba(0,0,0,.06);border-radius:25px;display:block;height:100%;overflow:hidden;position:relative;width:100%}.how-it-works-placeholder:before,.three-d-placeholder:before{background:radial-gradient(circle at 20% 10%,rgba(114,135,253,.35),transparent 45%),radial-gradient(circle at 80% 30%,rgba(39,193,178,.22),transparent 40%),radial-gradient(circle at 40% 90%,rgba(64,31,229,.16),transparent 55%);content:"";filter:blur(2px);inset:-20px;-webkit-mask-image:url(../img/other/aracini-paylas.svg);mask-image:url(../img/other/aracini-paylas.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:.65;position:absolute}.how-it-works-placeholder:after,.three-d-placeholder:after{background:rgba(0,0,0,.02);box-shadow:inset 0 25px 70px rgba(0,0,0,.08);content:"";inset:0;pointer-events:none;position:absolute}.cs-homepage-sec-3 .cs-slider-cont-1 .bg-image-1 .three-d-placeholder,.cs-homepage-sec-4 .cs-slider-cont-1 .bg-image-1 .three-d-placeholder{height:398px;max-width:unset;width:600px}.cs-homepage-sec-4 .imageSlider2{height:auto}.cs-homepage-sec-4 .imageSlider2 .item{align-items:center;background-color:#ededed;border-radius:25px;display:flex;height:auto;justify-content:center;overflow:visible;width:100%}.cs-homepage-sec-4 .imageSlider2 .item img{height:auto;-o-object-fit:contain;object-fit:contain;width:100%}.cs-homepage-sec-4 .imageSlider2 .owl-stage,.cs-homepage-sec-4 .imageSlider2 .owl-stage-outer{height:auto}.cs-homepage-sec-5 .image-d-1 .three-d-placeholder{border-radius:25px}.cs-homepage-sec-5 .three-d-placeholder--i1{height:475px;width:491px}.cs-homepage-sec-5 .three-d-placeholder--i2{height:399px;width:543px}.cs-homepage-sec-8.p-home-app{height:auto!important;min-height:unset!important;overflow:hidden!important;padding:56px 0 0!important}.cs-homepage-sec-8.p-home-app .container,.cs-homepage-sec-8.p-home-app .cs-full-container-1,.cs-homepage-sec-8.p-home-app .p-home-app__bubble,.cs-homepage-sec-8.p-home-app .p-home-app__content,.cs-homepage-sec-8.p-home-app .p-home-app__inner,.cs-homepage-sec-8.p-home-app .p-home-app__visual{height:auto!important;max-height:none!important;overflow:hidden!important}.cs-homepage-sec-8.p-home-app .p-home-app__eyebrow{color:#fff!important;font-size:26px;font-weight:700;line-height:34px}.cs-homepage-sec-8.p-home-app .p-home-app__title,.cs-homepage-sec-8.p-home-app .p-home-app__title span{color:#fff!important;font-size:52px;font-weight:800;line-height:60px}.cs-homepage-sec-8.p-home-app .p-home-app__subtitle{color:hsla(0,0%,100%,.95)!important;font-size:20px;font-weight:500;line-height:32px}.cs-homepage-sec-8.p-home-app .p-home-app__inner{align-items:center;-moz-column-gap:24px;column-gap:24px;display:grid!important;grid-template-columns:minmax(300px,1fr) 420px!important}.cs-homepage-sec-8.p-home-app .p-home-app__content{align-self:start;max-width:620px}.cs-homepage-sec-8.p-home-app .p-home-app__visual{align-self:end;justify-content:flex-end!important}.cs-homepage-sec-8.p-home-app .p-home-app__bubble{align-items:flex-end;justify-content:flex-end!important;width:100%}.cs-homepage-sec-8.p-home-app .p-home-app__bubble:before{height:380px;width:380px}.cs-homepage-sec-8.p-home-app .p-home-app__phone{margin-right:0;max-width:420px!important;transform:none!important;width:100%!important}.cs-homepage-sec-8.p-home-app ::-webkit-scrollbar{height:0!important;width:0!important}@media (max-width:991px){.cs-homepage-sec-8.p-home-app{padding:44px 0 0!important}.cs-homepage-sec-8.p-home-app .p-home-app__inner{grid-template-columns:1fr!important;row-gap:20px}.cs-homepage-sec-8.p-home-app .p-home-app__bubble,.cs-homepage-sec-8.p-home-app .p-home-app__visual{justify-content:center!important}.cs-homepage-sec-8.p-home-app .p-home-app__phone{max-width:320px!important}.cs-homepage-sec-8.p-home-app .p-home-app__eyebrow{font-size:20px;line-height:28px}.cs-homepage-sec-8.p-home-app .p-home-app__title,.cs-homepage-sec-8.p-home-app .p-home-app__title span{font-size:38px;line-height:46px}.cs-homepage-sec-8.p-home-app .p-home-app__subtitle{font-size:17px;line-height:28px}}.cs-global-breadcrumb-1{padding:35px 0}.cs-global-breadcrumb-1 .breadcrumb{background:transparent;margin:0;padding:0}.cs-global-breadcrumb-1 .breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:#041614;content:"|"}.cs-global-breadcrumb-1 .breadcrumb .breadcrumb-item+.breadcrumb-item:last-child:before{color:#27c1b2}.cs-global-breadcrumb-1 .breadcrumb .breadcrumb-item .cs-breadcrumb-link{color:#041614;font-size:16px;font-weight:600;line-height:24px}.cs-global-breadcrumb-1 .breadcrumb .breadcrumb-item .cs-breadcrumb-link i{font-size:22px}.cs-global-breadcrumb-1 .breadcrumb .breadcrumb-item.active{color:#27c1b2;font-size:16px;font-weight:600;line-height:24px}.cs-about-us-sec-1{background:linear-gradient(180deg,#f5f7ff,#fff 55%);padding:60px 0 90px}.cs-about-us-sec-1 .cs-full-container-1 .container{max-width:960px}.cs-about-us-sec-1 .cs-logo-text-title-1{color:#401fe5;font-family:Inter,Nunito Sans,sans-serif;font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.1;text-align:left}.cs-about-us-sec-1 .cs-logo-text-title-1:first-of-type{margin-bottom:4px}.cs-about-us-sec-1 .cs-logo-text-title-1:nth-of-type(2){color:#1a1a1a}.cs-about-us-sec-1 .cs-logo-text-title-1 span{color:#27c1b2}.cs-about-us-sec-1 .cs-desc-1{color:#696969;font-family:Inter,Nunito Sans,sans-serif;font-size:16px;line-height:1.7}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1{padding:32px 0 0}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1{align-items:flex-start;display:flex;gap:32px;padding:18px 0}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-imagebox-1{border-radius:24px;box-shadow:0 24px 60px rgba(15,23,42,.12);flex:0 0 360px;max-width:360px;overflow:hidden;width:100%}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-imagebox-1 img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1{background:hsla(0,0%,100%,.96);border:1px solid rgba(148,163,184,.35);border-radius:24px;box-shadow:0 18px 40px rgba(15,23,42,.08);flex:1;padding:24px 28px}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1 p{color:#696969;font-family:Inter,Nunito Sans,sans-serif;font-size:15px;line-height:1.8;margin-bottom:1rem}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1 p:last-child{margin-bottom:0}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1 ol,.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1 ul{margin-bottom:1rem;padding-left:1.2rem}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1 ol li,.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1 ul li{color:#696969;font-family:Inter,Nunito Sans,sans-serif;font-size:15px;line-height:1.8}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1 h2,.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1 h3,.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-textbox-1 h4{color:#1a1a1a;font-family:Inter,Nunito Sans,sans-serif;font-weight:600;margin-bottom:.5rem;margin-top:.5rem}.cs-banner-sec-1 .cs-banner-wrapper{align-items:center;background-repeat:no-repeat;background-size:cover;display:flex;height:315px;justify-content:center;position:relative}.cs-banner-sec-1 .cs-banner-wrapper .cs-aub-banner-1{max-width:100%!important}.cs-banner-sec-1 .cs-banner-wrapper .cs-banner-textbox-1{max-width:650px;text-align:center;width:100%}.cs-banner-sec-1 .cs-banner-wrapper .cs-banner-textbox-1 .cs-title-1{color:#fff;font-size:40px;font-weight:600;line-height:48px}.cs-banner-sec-1 .cs-banner-wrapper .cs-banner-textbox-1 .cs-desc-1{color:#fff;font-size:30px;line-height:38px}.cs-banner-socialbox-1{align-items:center;background-color:rgba(64,31,229,.871);border-radius:23px 23px 0 0;bottom:0;display:flex;height:45px;justify-content:space-between;left:50%;padding:0 20px;position:absolute;transform:translateX(-50%);width:195px}.cs-banner-socialbox-1 i{color:#fff;font-size:16px;line-height:24px}.cs-career-sec-1 .cs-career-content-wrapper-1{padding:25px 0}.cs-career-sec-1 .cs-career-content-wrapper-1 .cs-career-item-1{align-items:center;display:flex;gap:17px;padding:10px 0}.cs-career-sec-1 .cs-career-content-wrapper-1 .cs-career-item-1 .cs-career-imagebox-1{border-radius:45px;flex:0 0 388px;max-width:388px;width:100%}.cs-career-sec-1 .cs-career-content-wrapper-1 .cs-career-item-1 .cs-career-imagebox-1 img{border-radius:45px;width:100%}.cs-career-sec-1 .cs-career-content-wrapper-1 .cs-career-item-1 .cs-career-textbox-1 .cs-desc-1{color:#000;font-size:16px;font-weight:400;line-height:24px}.cs-career-sec-2 .cs-career-advert-wrapper{background-color:#f6fdfd;margin:30px 0;padding:30px 0;width:100%}.cs-career-sec-2 .cs-career-advert-wrapper .cs-career-advert-itembox-1{display:flex;gap:30px;justify-content:center}.cs-career-sec-2 .cs-career-advert-wrapper .cs-career-advert-itembox-1 .cs-career-advert-item{align-items:center;background:#fff;border-radius:45px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:block;display:flex;flex-direction:column;padding:15px 20px;position:relative;width:310px}.cs-career-sec-2 .cs-career-advert-wrapper .cs-career-advert-itembox-1 .cs-career-advert-item .cs-item-top-area{background-color:#401fe5;border-radius:0 0 20px 20px;height:13px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:130px}.cs-career-sec-2 .cs-career-advert-wrapper .cs-career-advert-itembox-1 .cs-career-advert-item .cs-title-1{color:#272727;font-size:20px;font-weight:700;line-height:28px}.cs-career-sec-2 .cs-career-advert-wrapper .cs-career-advert-itembox-1 .cs-career-advert-item .cs-desc-1{color:#272727;font-size:18px;font-weight:400;line-height:26px;margin:0}.cs-career-sec-2 .cs-career-advert-wrapper .cs-career-advert-itembox-1 .cs-career-advert-item .cs-item-info-1{display:flex;justify-content:space-between;margin:25px 0 0;width:100%}.cs-career-sec-2 .cs-career-advert-wrapper .cs-career-advert-itembox-1 .cs-career-advert-item .cs-item-info-1 .cs-desc-2{color:#401fe5;font-size:18px;font-weight:700;line-height:26px;margin:0}.cs-career-sec-2 .cs-career-advert-wrapper .cs-career-advert-itembox-1 .cs-career-advert-item .cs-item-info-1 span.cs-desc-1{text-align:right}.cs-career-sec-2 .cs-career-advert-wrapper .cs-career-advert-itembox-1 .cs-career-advert-item .cs-item-info-1 span .cs-desc-1{font-size:13px}.cs-career-detail-sec-1{margin-bottom:150px}.cs-career-detail-sec-1 .cs-career-detail-main-1{align-items:flex-start;display:flex;gap:30px;padding-right:8.5%}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper{flex:1}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper .cs-cd-text-top-1{align-items:center;display:flex;justify-content:space-between}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper .cs-cd-text-top-1 .cs-item-info-1{display:contents}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper .cs-cd-text-top-1 .cs-item-info-1 .cs-desc-2{color:#401fe5;font-size:18px;font-weight:700;line-height:26px;margin:0}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper .cs-cd-text-top-1 .cs-item-info-1 span.cs-desc-1{text-align:right}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper .cs-cd-text-top-1 .cs-item-info-1 span .cs-desc-1{font-size:13px}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper .cs-textbox-1 .cs-desc-1{color:#000;font-size:16px;font-weight:400;line-height:24px}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper .cs-textbox-1 .cs-text-list-1{padding:1rem}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper .cs-textbox-1 .cs-text-list-1 li::marker{content:" - ";font-size:1.2em}.cs-career-detail-sec-1 .cs-career-detail-inputs-1{flex:1}.cs-career-detail-sec-1 .cs-career-detail-inputs-1 .cs-cd-apply-1{margin:0 auto;max-width:365px}.cs-career-detail-sec-1 .cs-career-detail-inputs-1 .cs-cd-apply-1 .cs-form-1 input[type=checkbox]{height:auto}.cs-career-detail-sec-1 .cs-career-detail-inputs-1 .cs-cd-apply-1 .cs-form-1 .cs-form-check-text-1{color:#272727;font-size:14px;line-height:22px}.cs-career-detail-sec-1 .cs-career-detail-inputs-1 .cs-cd-apply-1 .cs-form-1 .cs-form-check-text-1 .cs-form-check-text-link-1{color:#272727;text-decoration:underline!important}.cs-upload-file-1{align-items:center;color:#401fe5;display:flex;font-size:16px;font-weight:700;gap:10px;line-height:24px}.cs-upload-file-1:hover{color:#27c1b2}.cs-upload-file-1:hover .cs-square-plus{border:2px solid #27c1b2}.cs-upload-file-1 .cs-square-plus{align-items:center;border:2px solid #401fe5;border-radius:3px;display:flex;justify-content:center;padding:1px}.cs-upload-file-1 .cs-square-plus i{font-size:12px}.cs-half-banner-1{background:#27c1b2;background:linear-gradient(180deg,#27c1b2,#28b4b5 18%,#2e93c0 38%,#365ed1 66%,#401fe5);border-radius:0 50px 0 0;flex:1;padding:50px 0;position:relative}.cs-half-banner-1 .cs-textbox-1{align-items:center;display:flex;flex-direction:column;gap:15px}.cs-half-banner-1 .cs-textbox-1 .cs-title-1{color:#fff;font-size:40px;font-weight:600;line-height:48px}.cs-half-banner-1 .cs-textbox-1 .cs-desc-1{color:#fff;font-size:30px;font-weight:600;line-height:38px}.cs-half-banner-1 .cs-textbox-1 .cs-item-info-1{display:flex;gap:30px;justify-content:space-between}.cs-half-banner-1 .cs-textbox-1 .cs-item-info-1 .cs-desc-1{color:#fff;font-size:16px;font-weight:600;line-height:24px}.cs-dd-modal-file-1 .modal-title{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px}.cs-dd-modal-file-1 .modal-content{border-radius:25px;padding-bottom:32px}.cs-dd-modal-file-1 .cs-modal-input-wrapper{align-items:center;border:2px dashed #27c1b2;border-radius:18px;display:flex;flex-direction:column;height:368px;justify-content:center;margin:0 auto;max-width:397px;position:relative}.cs-dd-modal-file-1 .cs-modal-input-wrapper .cs-dd-modal-text{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:1rem;position:absolute;text-align:center;width:100%}.cs-dd-modal-file-1 .cs-modal-input-wrapper .cs-dd-modal-text .cs-desc-1{color:#041614;font-size:16px;font-weight:400;line-height:24px}.cs-dd-modal-file-1 .cs-modal-input-wrapper .cs-dd-modal-text .cs-desc-1 .cs-desc-strong-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-dd-modal-file-1 .cs-modal-input-wrapper .cs-dd-modal-text .cs-desc-1 .cs-upload-label-1{color:#401fe5;cursor:pointer;font-size:16px;font-weight:700;line-height:24px;text-decoration:underline!important}.cs-dd-modal-file-1 .cs-modal-input-wrapper .cs-dd-modal-text .cs-desc-2{color:#696969;font-size:16px;font-weight:400;line-height:24px}.cs-dd-modal-file-1 .cs-modal-input-wrapper .cs-dd-modal-text .cs-desc-3{color:#696969;font-size:14px;font-weight:400;line-height:22px}.cs-dd-modal-file-1 .cs-modal-input-wrapper .cs-dd-modal-text .cs-file-name-text{color:#401fe5;font-size:16px;font-weight:700;line-height:24px}.cs-dd-modal-file-1 .cs-modal-input-wrapper input[type=file]{cursor:pointer;height:100%;opacity:0;position:relative;width:100%;z-index:2}.cs-file-info-js-1{align-items:center;display:none;white-space:nowrap}.cs-file-info-js-1 .cs-file-name-text{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-file-info-js-1 .cs-file-reset-btn-1{background:none;border:none}.cs-form-flexbox-1{display:flex;gap:10px}.cs-form-flexbox-1 .cs-upload-file-1{white-space:nowrap}.cs-form-flexbox-1 .cs-file-name-text{display:inline-block;max-width:17ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-popular-search{align-items:center;display:flex;justify-content:space-between;padding:30px 0}.cs-popular-search .cs-ps-item{align-items:center;background-color:#fff;border-radius:18px;color:#041614;display:flex;font-size:14px;font-weight:600;justify-content:center;line-height:22px;padding:5px 12px;transition:all .3s}.cs-popular-search .cs-ps-item.active{color:#27c1b2}.cs-popular-search .cs-ps-item:hover{background:#27c1b2;color:#fff;transition:all .3s}.cs-popular-search .cs-desc-1{font-size:18px!important;font-weight:600;line-height:26px!important;margin:0}.cs-faq-sec-1{padding:50px 0}.cs-faq-sec-1 .cs-accordion-1{margin:0 auto;max-width:680px}.cs-form-subtitle{border-bottom:1px solid #1a1a1a;color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px;padding-bottom:10px}.cs-contact-us-sec-1 .cs-contact-us-main{padding:30px 0}.cs-contact-us-sec-1 .cs-contact-us-main .cs-contact-us-wrapper{display:flex}.cs-contact-us-sec-1 .cs-contact-us-main .cs-contact-us-wrapper .cs-contact-us-imagebox-1{flex:0 0 50%}.cs-contact-us-sec-1 .cs-contact-us-main .cs-contact-us-wrapper .cs-contact-us-imagebox-1 img{width:100%}.cs-contact-us-sec-1 .cs-contact-us-main .cs-contact-us-form-wrapper{display:flex;justify-content:center;width:100%}.cs-contact-us-sec-1 .cs-contact-us-main .cs-contact-us-form-wrapper .cs-form-1{max-width:350px;width:100%}.cs-contact-us-sec-1 .cs-contact-us-main .cs-contact-us-form-wrapper .cs-arabanipaylas-line{left:-30px;max-width:-moz-max-content;max-width:max-content;position:absolute;top:45%;z-index:0}.cs-contact-us-sec-1 .cs-contact-us-main .cs-contact-us-form-wrapper .cs-full-input{width:100%}.cs-contact-us-sec-1 .cs-form-login-1{border:1px solid #27c1b2;border-radius:20px;padding:16px}.cs-contact-us-sec-1 .cs-form-login-1 .cs-desc-1{color:#696969;font-size:14px;font-weight:600;line-height:22px;margin:0}.cs-contact-us-sec-1 .cs-form-login-1 .cs-form-login-top{align-items:center;display:flex;justify-content:space-between}.cs-contact-us-sec-1 .cs-form-login-1 .cs-form-login-top .cs-desc-1{color:#041614;font-size:16px;font-weight:600;line-height:24px;margin:0}.cs-primary-link-1{color:#27c1b2;font-size:18px;font-weight:700;line-height:26px;text-decoration:underline!important;text-transform:capitalize}.cs-primary-link-1:hover{color:#401fe5;text-decoration:underline!important;transition:all .3s linear}.cs-primary-select2-1 .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px!important}.cs-primary-select2-1 .select2-container .selection .select2-selection--single{align-items:center;border:.5px solid #272727;border-radius:14px;color:#041614;display:flex;font-size:16px;font-weight:400;height:50px;line-height:24px;padding:5px 20px;transition:all .2s ease}.cs-select2-dd-1{border:none!important;border-radius:14px!important;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);color:#454545;padding:20px 0;transform:translateY(5px)}.cs-select2-dd-1 .select2-results{border-radius:14px}.cs-select2-dd-1 .select2-results__options .select2-results__option--highlighted.select2-results__option--selected{background-color:#fff;color:#454545;position:relative}.cs-select2-dd-1 .select2-results__options .select2-results__option--highlighted.select2-results__option--selected:after{color:#27c1b2;content:"\f00c";display:block;font-family:Font Awesome\ 5 Free;font-weight:700;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.cs-select2-dd-1 .select2-results__options .select2-results__option--highlighted.select2-results__option--selectable{background-color:#beebe7;color:#000}.cs-select2-dd-1 .select2-results__option{border-bottom:1px solid #dedede;padding:16px 20px 10px}.cs-select2-dd-1 .select2-results__option--selected{background-color:#fff;position:relative}.cs-select2-dd-1 .select2-results__option--selected:after{color:#27c1b2;content:"\f00c";display:block;font-family:Font Awesome\ 5 Free;font-weight:700;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.cs-car-detail-sec-1 .cs-car-detail-main-1{display:flex;gap:100px;margin-bottom:50px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1{background:#fff;border-radius:22px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;padding:15px 20px;position:relative}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-form-1 .date-box-1 input{max-width:350px;width:100%!important}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-price-1{align-items:center;background:#401fe5;border-radius:0 22px 0 22px;display:flex;flex-direction:column;height:60px;justify-content:center;padding:0 15px;position:absolute;right:0;top:0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-price-1 .cs-desc-1{color:#fff;font-size:20px;font-weight:700;line-height:28px;margin:0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-price-1 .cs-desc-2{color:#fff;font-size:14px;font-weight:400;line-height:22px;margin:0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-favorite-1 a{color:#ff081b}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-info-status-1{border-bottom:1px solid #ededed}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-info-status-1 .cs-title-1{color:#041614;font-size:18px;font-weight:700;line-height:26px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-info-status-1 .cs-desc-1{color:#838383;font-size:18px;font-weight:600;line-height:26px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-info-status-1 .cs-status-1{color:#35d634;font-size:16px;font-weight:400;line-height:24px;margin-left:10px;text-transform:capitalize}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-feature-1{border-bottom:1px solid #ededed;display:flex;gap:10px;justify-content:space-between;padding:16px 0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-feature-1 .cs-desc-1{align-items:center;color:#696969;display:flex;font-size:16px;font-weight:600;gap:10px;line-height:24px;margin:0;position:relative}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-feature-1 .cs-desc-1 i{color:#000;font-size:24px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-feature-1 .cs-desc-1 .cs-cd-info-hover{left:15%;position:absolute;top:-15px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-feature-1 .cs-desc-1 .cs-cd-info-hover i{font-size:12px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-rules-1{border-bottom:1px solid #ededed;display:flex;gap:16px;padding:16px 0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-rules-1 .cs-rules-item-1{align-items:center;background-color:#f7f8fd;border-radius:12px;color:#041614;display:flex;font-size:16px;font-weight:600;gap:5px;height:45px;justify-content:center;line-height:24px;width:165px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-rules-1 .cs-rules-item-1 i{color:#401fe5}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper{border-bottom:1px solid #ededed;padding:16px 0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper .cs-cd-list-1{list-style:none!important;padding:0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper .cs-cd-list-1 li:not(.collapse){display:flex;justify-content:space-between;margin-bottom:10px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper .cs-cd-list-1 li:not(.collapse) .cs-desc-1{color:#041614;font-size:16px;font-weight:600;line-height:24px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper .cs-cd-list-1 li:not(.collapse) .cs-desc-2{color:#696969;font-size:16px;font-weight:600;line-height:24px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper .cs-cd-list-1 li:not(.collapse) .cs-desc-2 .bain-star{color:#f0c76a;margin:0 5px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper .cs-cd-list-1 li:not(.collapse) .bain-angle-up{font-size:10px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper .cs-cd-list-1 li:not(.collapse).cs-list-item-1{display:flex;flex-direction:column}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper .cs-cd-list-1 .cs-collapse-list .cs-desc-1{color:#007aff!important;font-size:14px!important;font-weight:600;line-height:22px!important;margin-top:10px;text-align:center}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-list-wrapper .cs-cd-list-1 .cs-list-map-1{border-radius:14px;height:175px;width:100%}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper{border-bottom:1px solid #ededed;padding:16px 0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options .cs-loan-item-1{align-items:flex-start;background-color:#f7f8fd;border-radius:12px;color:#041614;display:flex;flex-direction:column;font-size:16px;font-weight:600;gap:5px;height:110px;justify-content:center;line-height:24px;padding:8px;width:120px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options .cs-loan-item-1 p{margin:0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options .cs-loan-item-1 .cs-title-1{color:#401fe5;font-size:16px;font-weight:700;line-height:24px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options .cs-loan-item-1 .cs-title-2{color:#041614;font-size:14px;font-weight:600;line-height:22px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options .cs-loan-item-1 .cs-desc-1{color:#696969;font-size:14px;font-weight:400;line-height:22px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-form-1{align-items:center;display:flex;flex-direction:column;gap:16px;margin:16px 0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-form-1 .cs-cd-form-main-1 .cs-desc-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-form-1 .cs-cd-form-main-1 .cs-desc-1 span{color:#27c1b2}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-form-1 .cs-cd-form-main-1 .cs-date-messages{padding:16px 0}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-form-1 .cs-cd-form-main-1 .cs-date-messages .cs-desc-1{color:#272727;font-size:13px;font-weight:600;line-height:19px}.cs-car-detail-sec-1 .cs-cd-imagebox-1{margin:0 auto;max-width:400px}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-image-head{display:flex;justify-content:space-between;padding:0 10px 15px}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-image-head .cs-title-1{color:#041614;font-size:18px;font-weight:700;line-height:26px;margin:0}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-image-head .cs-link-1{color:#401fe5;font-size:16px;font-weight:400;line-height:24px;margin:0}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-images [class^=col]{padding:10px}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-images .row{margin:0}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-images .cs-image-grid-1 .cs-cd-image-item-1{border-radius:14px;display:block;height:370px;width:100%}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-images .cs-image-grid-1 .cs-cd-image-item-1 img{border-radius:14px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-images .cs-image-grid-1 .cs-cd-image-item-2{border-radius:14px;display:block;height:175px;max-width:190px}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-images .cs-image-grid-1 .cs-cd-image-item-2 img{border-radius:14px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cs-car-detail-sec-1 .like-btn-1{align-items:center;border-radius:50%;color:#696969;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;width:30px}.cs-car-detail-sec-1 .like-btn-1:before{content:"\e940";font-family:bain!important;position:relative;top:1px}.cs-car-detail-sec-1 .like-btn-1.active{color:#ff081b}.cs-car-detail-sec-1 .like-btn-1.active:before{content:"\e923";font-family:bain!important}.cs-car-detail-sec-1 .cs-list-area-3{font-size:16px;line-height:24px;padding-left:18px;position:relative}.cs-car-detail-sec-1 .cs-list-area-3:before{border-radius:50%;content:"";display:block;height:14px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:14px}.cs-car-detail-sec-1 .cs-list-yellow{color:#ffba00}.cs-car-detail-sec-1 .cs-list-yellow:before{background:#ffba00}.cs-car-detail-sec-1 .cs-list-grey{color:#8bb1ab}.cs-car-detail-sec-1 .cs-list-grey:before{background:#8bb1ab}.cs-car-detail-sec-1 .cs-list-green{color:#35d634}.cs-car-detail-sec-1 .cs-list-green:before{background:#35d634}.cs-cd-info-hover{cursor:pointer;position:relative}.cs-cd-info-hover .bain-info{color:#401fe5;font-size:20px}.cs-cd-info-hover .cs-speech-box-container{display:none;left:-60px;position:absolute;z-index:99}.cs-cd-info-hover .cs-speech-box-container .cs-speech-box{background:#fff;border:1px solid #401fe5;border-radius:12px;color:#041614;font-size:12px;font-weight:600;line-height:20px;min-width:210px;padding:10px}.cs-cd-info-hover:hover .cs-speech-box-container{display:block}.cs-register-form-c-1{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-height:100%;max-width:700px;padding:30px 15px;position:relative;width:100%;z-index:1}.cs-register-form-c-1 #next{opacity:.5;pointer-events:none}.cs-register-form-c-1 #next.active{cursor:pointer;opacity:1!important;pointer-events:visible!important}.cs-register-form-c-1 .cs-backtoprofile-1{left:10px;position:absolute;top:65px}.cs-register-form-c-1 .form-d-1{margin:0 auto;text-align:center}.cs-register-form-c-1 .form-d-1 .cs-form-tabs-1{border-bottom:1px solid #041614;margin:0 auto;max-width:440px}.cs-register-form-c-1 .form-d-1 .cs-form-tabs-1 .cs-form-tabs-nav-1 .nav{flex-wrap:nowrap;justify-content:center}.cs-register-form-c-1 .form-d-1 .cs-form-tabs-1 .cs-form-tabs-nav-1 .nav .nav-link{border:none;color:#041614;font-size:22px;font-weight:400;line-height:30px;white-space:nowrap}.cs-register-form-c-1 .form-d-1 .cs-form-tabs-1 .cs-form-tabs-nav-1 .nav .nav-link.active{border:none;color:#27c1b2;font-size:22px;font-weight:700;line-height:30px;position:relative}.cs-register-form-c-1 .form-d-1 .cs-form-tabs-1 .cs-form-tabs-nav-1 .nav .nav-link.active:before{background-color:#27c1b2;border-radius:25px;bottom:-2px;content:" ";display:flex;height:5px;left:0;position:absolute;width:100%}.cs-register-form-c-1 .form-d-1 .cs-form-tabs-1 .cs-form-tabs-nav-1 .nav .nav-link:hover{border:none}.cs-register-form-c-1 .form-d-2{margin:0 auto}.cs-register-form-c-1 .form-d-2 h3.cs-title-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .form-row{height:760px;justify-content:center;overflow:hidden;overflow-y:scroll}.cs-register-form-c-1 .form-d-2 .form-row::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.cs-register-form-c-1 .form-d-2 .form-row::-webkit-scrollbar{background-color:transparent;width:2px}.cs-register-form-c-1 .form-d-2 .form-row::-webkit-scrollbar-thumb{background-color:transparent;border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.cs-register-form-c-1 .form-d-2 .form-row .form-row{height:auto!important;overflow-y:hidden!important}.cs-register-form-c-1 .form-d-2 .form-row .cs-foreign-national{justify-content:center}.cs-register-form-c-1 .form-d-2 .form-row .cs-foreign-national .col-12{padding:0!important}.cs-register-form-c-1 .form-d-2 .form-row .form-input-1{max-width:350px;position:relative;text-align:left}.cs-register-form-c-1 .form-d-2 .form-row .form-input-1.form-check{display:flex;margin:0;padding-left:25px}.cs-register-form-c-1 .form-d-2 .form-row .form-input-1.form-check input[type=checkbox]{accent-color:#1fa5a7;border-radius:4px;height:22px;width:22px}.cs-register-form-c-1 .form-d-2 .form-row .form-input-1.form-check label{color:#272727;font-size:12px;font-weight:400;line-height:30px;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-register-form-c-1 .form-d-2 .form-row .form-input-1.form-check label span{color:#272727;font-size:14px;font-weight:400;line-height:22px;text-decoration:underline!important}.cs-register-form-c-1 .form-d-2 .form-row .form-input-1 input[type=number]::-webkit-inner-spin-button,.cs-register-form-c-1 .form-d-2 .form-row .form-input-1 input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.cs-register-form-c-1 .form-d-2 .form-row .form-input-1 .cs-cd-info-hover{bottom:10px;position:absolute;right:10px}.cs-register-form-c-1 .form-d-2 .form-row .form-input-1 .cs-cd-info-hover .cs-speech-box-container{left:revert;right:0}.cs-register-form-c-1 .form-d-2 .form-row .cs-form-subtitle-1{border-bottom:1px solid #1a1a1a;color:#1a1a1a;font-size:15px;font-weight:700;line-height:23px;padding-bottom:10px;text-align:left}.cs-register-form-c-1 .form-d-2 .form-row .cs-form-subtitle-1 span{align-items:center;background:#27c1b2;background:linear-gradient(180deg,#27c1b2,#28b4b5 18%,#2e93c0 38%,#365ed1 66%,#401fe5);border-radius:50%;color:#fff;display:inline-flex;height:30px;justify-content:center;width:30px}.cs-register-form-c-1 .form-d-2 .cs-input-line-1{background-color:#707070;height:1px;margin:30px 0;width:100%}.cs-register-form-c-1 .form-d-2 .cs-form-image-message-1{align-items:flex-start;display:flex;gap:10px;text-align:left}.cs-register-form-c-1 .form-d-2 .cs-form-image-message-1 .cs-desc-1{color:#272727;font-size:16px;font-weight:600;line-height:24px;margin:0}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper{width:100}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-title-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-video-rules-d-1{align-items:center;display:flex;gap:10px}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-video-rules-d-1 .cs-desc-1{color:#272727;font-size:14px;font-weight:600;line-height:22px;text-align:left}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-video-rules-d-1 img{height:140px;-o-object-fit:contain;object-fit:contain;width:110px}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video{margin:30px 0}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video .cs-rav-body{align-items:center;border:2px dashed #27c1b2;border-radius:18px;display:flex;flex-direction:column;height:368px;justify-content:center;margin:0 auto;max-width:397px;position:relative}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video .cs-rav-body .cs-rav-input-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:1rem;position:absolute;text-align:center;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video .cs-rav-body .cs-rav-input-wrapper input[type=file]{height:100%;opacity:0;position:absolute;width:100%;z-index:2}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video .cs-rav-body .cs-rav-input-wrapper .cs-desc-1{color:#041614;font-size:16px;font-weight:400;line-height:24px;margin-top:30px}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video .cs-rav-body .cs-rav-input-wrapper .cs-desc-1 .cs-desc-strong-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video .cs-rav-body .cs-rav-input-wrapper .cs-desc-1 .cs-upload-label-1{color:#401fe5;cursor:pointer;font-size:16px;font-weight:700;line-height:24px;text-decoration:underline!important}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video .cs-rav-body .cs-rav-input-wrapper .cs-desc-2{color:#696969;font-size:16px;font-weight:400;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video .cs-rav-body .cs-rav-input-wrapper .cs-desc-3{bottom:10px;color:#696969;font-size:14px;font-weight:400;left:50%;line-height:22px;margin:0;position:absolute;transform:translateX(-50%)}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video .cs-rav-body .cs-rav-input-wrapper .cs-file-name-text{color:#401fe5;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video-2{display:none;flex-direction:column}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video-2 .cs-rav2-head{align-items:center;display:flex;justify-content:center;margin-bottom:30px;margin-top:30px;position:relative}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video-2 .cs-rav2-head img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video-2 .cs-rav2-head .cs-desc-1{color:#041614;font-size:24px;font-weight:700;line-height:32px}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video-2 .cs-upload-container-1 .cs-register-video-wrapper{height:300px;position:relative;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video-2 .cs-upload-container-1 .cs-register-video-wrapper .cs-video-button{align-items:center;background-color:rgba(39,193,178,.639);border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:9}.cs-register-form-c-1 .form-d-2 .cs-step-3-wrapper .cs-register-add-video-2 .cs-upload-container-1 .cs-register-video-wrapper video{border-radius:18px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper{width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-title-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-photo-rules-1{align-items:center;display:flex;gap:10px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-photo-rules-1 .cs-desc-1{color:#272727;font-size:14px;font-weight:400;line-height:22px;text-align:center}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-photo-rules-1 .cs-desc-1 span{font-weight:700}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-photo-rules-1 img{height:185px;-o-object-fit:contain;object-fit:contain;width:170px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image{margin:30px 0}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image .cs-rav-body{align-items:center;border:2px dashed #27c1b2;border-radius:18px;display:flex;flex-direction:column;height:368px;justify-content:center;margin:0 auto;max-width:397px;position:relative}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image .cs-rav-body .cs-rav-input-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:1rem;position:absolute;text-align:center;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image .cs-rav-body .cs-rav-input-wrapper input[type=file]{height:100%;opacity:0;position:absolute;width:100%;z-index:2}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image .cs-rav-body .cs-rav-input-wrapper .cs-desc-1{color:#041614;font-size:16px;font-weight:400;line-height:24px;margin-top:30px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image .cs-rav-body .cs-rav-input-wrapper .cs-desc-1 .cs-desc-strong-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image .cs-rav-body .cs-rav-input-wrapper .cs-desc-1 .cs-upload-label-1{color:#401fe5;cursor:pointer;font-size:16px;font-weight:700;line-height:24px;text-decoration:underline!important}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image .cs-rav-body .cs-rav-input-wrapper .cs-desc-2{color:#696969;font-size:16px;font-weight:400;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image .cs-rav-body .cs-rav-input-wrapper .cs-desc-3{bottom:10px;color:#696969;font-size:14px;font-weight:400;left:50%;line-height:22px;margin:0;position:absolute;transform:translateX(-50%)}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image .cs-rav-body .cs-rav-input-wrapper .cs-file-name-text{color:#401fe5;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image-2{display:none;flex-direction:column;margin:30px 0}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image-2 .cs-register-image-wrapper{border-radius:18px;height:100%;position:relative;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image-2 .cs-register-image-wrapper img{border-radius:18px;-o-object-fit:cover;object-fit:cover;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image-2 .cs-register-image-wrapper .cs-trash-button{align-items:center;background-color:#fff;border-radius:50%;bottom:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;height:50px;justify-content:center;position:absolute;right:10px;width:50px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image-2 .cs-register-image-wrapper .cs-trash-button i{color:#696969;font-size:20px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image-2 .cs-succes-file-message{margin-left:25px;margin-top:-35px;text-align:left}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image-2 .cs-succes-file-message .cs-sfm-icon{align-items:center;background-color:#401fe5;border-radius:50%;display:inline-flex;height:26px;justify-content:center;width:26px}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image-2 .cs-succes-file-message .cs-sfm-icon i{color:#fff}.cs-register-form-c-1 .form-d-2 .cs-step-4-wrapper .cs-register-add-image-2 .cs-succes-file-message .cs-desc-1{color:#041614;font-size:16px;font-weight:600;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper{width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-title-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-rules-list-1{align-items:center;display:flex;gap:10px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-rules-list-1 ul{list-style-type:none;text-align:left}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-rules-list-1 ul li{color:#272727;font-size:16px;font-weight:600;line-height:24px;position:relative}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-rules-list-1 ul li:before{background-color:#401fe5;border-radius:50%;content:" ";display:block;height:10px;left:-20px;position:absolute;top:7px;width:10px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file{margin:30px 0}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file .cs-rav-body{align-items:center;border:2px dashed #27c1b2;border-radius:18px;display:flex;flex-direction:column;height:368px;justify-content:center;margin:0 auto;max-width:397px;position:relative}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file .cs-rav-body .cs-rav-input-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:1rem;position:absolute;text-align:center;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file .cs-rav-body .cs-rav-input-wrapper input[type=file]{height:100%;opacity:0;position:absolute;width:100%;z-index:2}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file .cs-rav-body .cs-rav-input-wrapper .cs-desc-1{color:#041614;font-size:16px;font-weight:400;line-height:24px;margin-top:30px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file .cs-rav-body .cs-rav-input-wrapper .cs-desc-1 .cs-desc-strong-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file .cs-rav-body .cs-rav-input-wrapper .cs-desc-1 .cs-upload-label-1{color:#401fe5;cursor:pointer;font-size:16px;font-weight:700;line-height:24px;text-decoration:underline!important}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file .cs-rav-body .cs-rav-input-wrapper .cs-desc-2{color:#696969;font-size:16px;font-weight:400;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file .cs-rav-body .cs-rav-input-wrapper .cs-desc-3{bottom:10px;color:#696969;font-size:14px;font-weight:400;left:50%;line-height:22px;margin:0;position:absolute;transform:translateX(-50%)}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-resigter-add-file .cs-rav-body .cs-rav-input-wrapper .cs-file-name-text{color:#401fe5;font-size:16px;font-weight:700;line-height:24px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2{display:none;flex-direction:column;margin:30px 0}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper{border-radius:18px;height:310px;position:relative;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper .csfb1-pdf-d-1{height:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper #pdfViewerCanvas1{border-radius:18px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper iframe{border:none;border-radius:18px;height:100%;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper .cs-trash-button{align-items:center;background-color:#fff;border-radius:50%;bottom:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;height:50px;justify-content:center;position:absolute;right:10px;width:50px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper .cs-trash-button i{color:#696969;font-size:20px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper2{border-radius:18px;height:310px;position:relative;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper2 .csfb1-pdf-d-2{height:100%!important}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper2 #pdfViewerCanvas2{border-radius:18px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper2 iframe{border:none;border-radius:18px;height:100%;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper2 .cs-trash-button{align-items:center;background-color:#fff;border-radius:50%;bottom:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;height:50px;justify-content:center;position:absolute;right:10px;width:50px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper2 .cs-trash-button i{color:#696969;font-size:20px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper3{border-radius:18px;height:310px;position:relative;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper3 .csfb1-pdf-d-3{height:100%!important}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper3 #pdfViewerCanvas3{border-radius:18px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper3 iframe{border:none;border-radius:18px;height:100%;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper3 .cs-trash-button{align-items:center;background-color:#fff;border-radius:50%;bottom:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;height:50px;justify-content:center;position:absolute;right:10px;width:50px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper3 .cs-trash-button i{color:#696969;font-size:20px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper4{border-radius:18px;height:310px;position:relative;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper4 .csfb1-pdf-d-4{height:100%!important}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper4 #pdfViewerCanvas4{border-radius:18px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper4 iframe{border:none;border-radius:18px;height:100%;width:100%}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper4 .cs-trash-button{align-items:center;background-color:#fff;border-radius:50%;bottom:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;height:50px;justify-content:center;position:absolute;right:10px;width:50px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-register-file-wrapper4 .cs-trash-button i{color:#696969;font-size:20px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-succes-file-message{margin-left:25px;margin-top:-35px;text-align:left}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-succes-file-message .cs-sfm-icon{align-items:center;background-color:#401fe5;border-radius:50%;display:inline-flex;height:26px;justify-content:center;width:26px}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-succes-file-message .cs-sfm-icon i{color:#fff}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-register-add-file-2 .cs-succes-file-message .cs-desc-1{color:#041614;font-size:16px;font-weight:600;line-height:24px}.cs-register-button-group-1{margin:30px 0}.cs-register-button-group-1 .cs-reload-btn-1{background-color:transparent;border:none;color:#272727;font-size:18px;font-weight:700;line-height:26px}.cs-input-image-wrapper-1{align-items:flex-start;display:flex;gap:30px;justify-content:space-between;padding:16px}.cs-input-image-wrapper-1 .cs-input-box-dashed-1{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px dashed #27c1b2;border-radius:14px;cursor:pointer;height:180px;position:relative;width:180px}.cs-input-image-wrapper-1 .cs-input-box-dashed-1 .cs-text-box-1{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0!important}.cs-input-image-wrapper-1 .cs-input-box-dashed-1 .cs-text-box-1 i{color:#deeaea;font-size:36px}.cs-input-image-wrapper-1 .cs-input-box-dashed-1 .cs-text-box-1 .cs-desc-1{color:#707070;font-size:16px;font-weight:600;line-height:24px;margin:0}.cs-input-image-wrapper-1 .cs-input-box-dashed-1:before{background-color:rgba(4,22,20,.6);border-radius:14px;bottom:0;content:"";display:none;left:0;position:absolute;right:0;top:0;z-index:1}.cs-input-image-wrapper-1 .cs-input-box-dashed-1 input{left:0;opacity:0;position:absolute;top:0;visibility:hidden;z-index:-1}.cs-input-image-wrapper-1 .csub1-btn-1{align-items:center;background-color:#fdfdfd;border:0;border-radius:50%;bottom:10px;color:#401fe5;display:flex;font-size:18px;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;width:30px;z-index:3}.cs-address-icon-input-1{align-items:center;border:1px solid #696969;border-radius:14px!important;display:flex;justify-content:space-between}.cs-address-icon-input-1 input{border:none!important}.cs-address-icon-input-1 input:focus,.cs-address-icon-input-1 input:focus-visible{box-shadow:none!important;outline:none!important}.cs-address-icon-input-1 a{align-items:center;color:#696969;display:flex;font-size:24px;padding:0 10px}.cs-address-icon-input-1 a:hover{color:#27c1b2}.cs-primary-step-line-2{background-color:#dbdbdb;height:1px;margin:30px auto;position:relative;width:185px}.cs-primary-step-line-2 .cs-step-line-item-1{background-color:#dbdbdb;border-radius:50%;height:18px;position:absolute;transform:translateY(-8px);width:18px}.cs-primary-step-line-2 .cs-step-line-item-1:nth-child(2){left:25%}.cs-primary-step-line-2 .cs-step-line-item-1:nth-child(3){left:50%}.cs-primary-step-line-2 .cs-step-line-item-1:nth-child(4){left:75%}.cs-primary-step-line-2 .cs-step-line-item-1:first-child{left:0}.cs-primary-step-line-2 .cs-step-line-item-1:last-child{left:100%}.cs-primary-step-line-2 .cs-step-line-item-1.active{background-color:#27c1b2;border:3px solid #91efe6}.cs-primary-step-line-2.four-item .cs-step-line-item-1{background-color:#dbdbdb;border-radius:50%;height:18px;position:absolute;transform:translateY(-8px);width:18px}.cs-primary-step-line-2.four-item .cs-step-line-item-1:nth-child(2){left:33%}.cs-primary-step-line-2.four-item .cs-step-line-item-1:nth-child(3){left:66%}.cs-primary-step-line-2.four-item .cs-step-line-item-1:first-child{left:0}.cs-primary-step-line-2.four-item .cs-step-line-item-1:last-child{left:100%}.cs-primary-step-line-2.four-item .cs-step-line-item-1.active{background-color:#27c1b2;border:3px solid #91efe6}.cs-add-adress-modal-1 .modal-content{border-radius:18px}.cs-add-adress-modal-1 .modal-content .modal-header{border:none}.cs-add-adress-modal-1 .modal-content .modal-header .modal-title{margin-left:calc(50% - 60px)}.cs-add-adress-modal-1 .modal-content .cs-register-form-c-1{padding:0}.cs-add-adress-modal-1 .modal-content .cs-register-form-c-1 .form-d-2 .form-row{height:500px}.cs-add-adress-modal-1 .modal-content .cs-register-form-c-1 .form-d-2 .form-row .form-input-1{margin-bottom:20px}.cs-add-adress-modal-1 .cs-primary-btn-3{opacity:.5;pointer-events:none}.cs-add-adress-modal-1 .cs-primary-btn-3.active{cursor:pointer;opacity:1!important;pointer-events:visible!important}.cs-primary-select2-2 .select2-container{width:100%!important}.cs-primary-select2-2 .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px!important}.cs-primary-select2-2 .select2-container .select2-dropdown{padding:50px}.cs-primary-select2-2 .select2-container .selection .select2-selection--single{align-items:center;border:.5px solid #272727;border-radius:14px;color:#041614;display:flex;font-size:16px;font-weight:400;height:50px;line-height:24px;padding:5px 20px;transition:all .2s ease}.input-warning-1 input{accent-color:red!important;border-color:red!important;color:red!important}.step-d-1:not(.cs-nowidth-1){max-width:470px;padding:0 15px}.step-d-1.cs-nowidth-1{max-width:470px;padding:0 10px;width:100%}.step-d-1:not(.active){display:none}.checkbox-wrapper-6{align-items:center;display:flex;gap:10px}.checkbox-wrapper-6 .tgl{box-sizing:border-box;display:none}.checkbox-wrapper-6 .tgl *,.checkbox-wrapper-6 .tgl :after,.checkbox-wrapper-6 .tgl :before,.checkbox-wrapper-6 .tgl+.tgl-btn,.checkbox-wrapper-6 .tgl:after,.checkbox-wrapper-6 .tgl:before{box-sizing:border-box}.checkbox-wrapper-6 .tgl::-moz-selection,.checkbox-wrapper-6 .tgl:after::-moz-selection,.checkbox-wrapper-6 .tgl:before::-moz-selection{background:none}.checkbox-wrapper-6 .tgl+.tgl-btn::-moz-selection,.checkbox-wrapper-6 .tgl::selection,.checkbox-wrapper-6 .tgl:after::selection,.checkbox-wrapper-6 .tgl:before::selection{background:none}.checkbox-wrapper-6 .tgl ::-moz-selection,.checkbox-wrapper-6 .tgl :after::-moz-selection,.checkbox-wrapper-6 .tgl :before::-moz-selection{background:none}.checkbox-wrapper-6 .tgl ::selection,.checkbox-wrapper-6 .tgl :after::selection,.checkbox-wrapper-6 .tgl :before::selection{background:none}.checkbox-wrapper-6 .tgl+.tgl-btn::-moz-selection{background:none}.checkbox-wrapper-6 .tgl+.tgl-btn::selection{background:none}.checkbox-wrapper-6 .tgl+.tgl-btn{cursor:pointer;display:block;height:2em;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:4em}.checkbox-wrapper-6 .tgl+.tgl-btn:after,.checkbox-wrapper-6 .tgl+.tgl-btn:before{content:"";display:block;height:100%;position:relative;width:50%}.checkbox-wrapper-6 .tgl+.tgl-btn:after{left:0}.checkbox-wrapper-6 .tgl+.tgl-btn:before{display:none}.checkbox-wrapper-6 .tgl:checked+.tgl-btn:after{left:50%}.checkbox-wrapper-6 .tgl-light+.tgl-btn{background:#f0f0f0;border-radius:2em;padding:2px;transition:all .4s ease}.checkbox-wrapper-6 .tgl-light+.tgl-btn:after{background:#fff;border-radius:50%;transition:all .2s ease}.checkbox-wrapper-6 .tgl-light:checked+.tgl-btn{background:#27c1b2}.cs-about-us-business-sec-1 .cs-aub-main-1{margin:50px 0 150px}.cs-about-us-business-sec-1 .cs-aub-main-1 .cs-aub-item-1{align-items:center;display:flex;flex-direction:column}.cs-about-us-business-sec-1 .cs-aub-main-1 .cs-aub-item-1 img{height:197px;-o-object-fit:cover;object-fit:cover;width:197px}.cs-about-us-business-sec-1 .cs-aub-main-1 .cs-aub-item-1 .cs-link-1{color:#401fe5;font-size:16px;font-weight:700;line-height:24px;text-decoration:underline!important}.cs-notification-sec-1 .cs-notification-main-1{margin:0 auto;max-width:785px;min-height:100vh}.cs-notification-sec-1 .cs-notification-main-1 .cs-not-empty-d-1{align-items:center;display:flex;flex-direction:column;min-height:50vh}.cs-notification-sec-1 .cs-notification-main-1 .cs-not-empty-d-1 img{margin:20px 0}.cs-notification-sec-1 .cs-notification-main-1 .cs-not-empty-d-1 .cs-desc-1{color:#272727;font-size:18px;font-weight:700;line-height:26px;text-align:center}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1{align-items:center;display:flex;flex-direction:column}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .cs-notification-nav-1{border-bottom:1px solid #041614;width:100%}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .nav.nav-tabs{justify-content:space-evenly}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .nav.nav-tabs .nav-item{border:none;color:#696969;font-size:18px;font-weight:600;line-height:26px;position:relative}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .nav.nav-tabs .nav-item.active{color:#401fe5}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .nav.nav-tabs .nav-item.active:after{background-color:#401fe5;border-radius:10px;bottom:-2.5px;content:" ";display:block;height:5px;left:0;position:absolute;width:100%}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content{width:100%}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper{padding:16px 0}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1{align-items:center;background-color:#fff;border:1px solid #eaecf4;border-radius:12px;cursor:pointer;display:flex;height:120px;justify-content:space-between;margin-bottom:20px;padding:16px;width:100%}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1.unread-notification{background-color:#f6fdfd}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1 i{color:#27c1b2;font-size:24px}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1 .cs-notification-item-d-1{align-items:center;display:flex;gap:16px}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1 .cs-notification-item-d-1 .cs-textbox-1 .cs-title-1{color:#041614;font-size:16px;font-weight:700;line-height:24px;word-break:break-all}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1 .cs-notification-item-d-1 .cs-textbox-1 .cs-desc-1{color:#696969;font-size:16px;font-weight:400;line-height:24px;word-break:break-all}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1 .cs-notification-item-d-1 .cs-textbox-1 .cs-desc-1 span{color:#401fe5;font-size:16px;font-weight:700;line-height:24px}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1 .cs-textbox-2{align-items:flex-end;display:flex;flex-direction:column}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1 .cs-textbox-2 .cs-desc-1{color:#696969;font-size:16px;font-weight:400;line-height:24px;white-space:nowrap;word-break:break-all}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1 .cs-textbox-2 i{color:#696969;font-size:24px}.notificationNoImageModal .modal-dialog{max-width:610px}.notificationNoImageModal .modal-dialog .modal-content{border-radius:18px;padding:20px 50px}.notificationNoImageModal .modal-dialog .modal-content .modal-header{padding-bottom:0}.notificationNoImageModal .modal-dialog .modal-content .modal-body{padding-top:0}.notificationNoImageModal .modal-dialog .modal-content .modal-body .cs-title-1{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px;text-align:center}.notificationNoImageModal .modal-dialog .modal-content .modal-body .cs-desc-1{color:#000;font-size:16px;font-weight:400;line-height:24px}.notificationNoImageModal .modal-dialog .modal-content .modal-body .cs-desc-1 span{color:#401fe5;font-size:16px;font-weight:700;line-height:24px}.cs-modal-notification .modal-dialog{margin:3rem auto;max-width:650px;padding:15px}.cs-modal-notification .modal-content{border:0;border-radius:20px;padding:0}.cs-modal-notification .close{color:#1a1a1a;font-size:22px;line-height:1;opacity:1;position:absolute;right:20px;top:20px;z-index:2}.cs-modal-notification .modal-body{border-radius:20px;padding:0}.cs-modal-notification .modal-body .image-d-1{border-radius:20px 20px 0 0}.cs-modal-notification .modal-body .image-d-1 img{border-radius:20px 20px 0 0;max-width:unset;width:100%}.cs-modal-notification .modal-body .text-d-1{background-color:#e7f2f2;border-radius:0 0 20px 20px;padding:15px}.cs-modal-notification .modal-body .text-d-1 .in-content-1{margin:0 auto;max-width:510px}.cs-modal-notification .modal-body .text-d-1 .in-content-1 h1,.cs-modal-notification .modal-body .text-d-1 .in-content-1 h2,.cs-modal-notification .modal-body .text-d-1 .in-content-1 h3,.cs-modal-notification .modal-body .text-d-1 .in-content-1 h4,.cs-modal-notification .modal-body .text-d-1 .in-content-1 h5,.cs-modal-notification .modal-body .text-d-1 .in-content-1 h6{color:#272727;font-size:22px;font-weight:700;line-height:30px;margin-bottom:20px;text-align:center}.cs-modal-notification .modal-body .text-d-1 .in-content-1 p{color:#000;font-size:16px;font-weight:400;line-height:24px;margin-bottom:15px}.cs-modal-notification .modal-body .text-d-1 .in-content-1 p span{font-weight:700}.cs-modal-notification .modal-body .text-d-1 .in-content-1 ol,.cs-modal-notification .modal-body .text-d-1 .in-content-1 ul{padding-right:15px}.cs-modal-notification .modal-body .text-d-1 .in-content-1 li{color:#272727;font-size:16px;font-weight:400;line-height:24px;margin-bottom:15px}.cs-modal-notification .modal-body .text-d-1 .in-content-1 a{color:#401fe5}.cs-sa-back-button .swal2-popup{display:flex!important;justify-content:space-between}.cs-sa-back-button .swal2-popup .swal2-cancel{background-color:transparent;color:#696969}.cs-sa-back-button .swal2-popup .swal2-cancel:hover{background-color:transparent;background-image:revert;color:#fff}.cs-sa-back-button .swal2-popup .swal2-cancel:focus{border:none;box-shadow:none}.cs-sharecar-btn1 button{opacity:.5;pointer-events:none}.cs-sharecar-btn1 button.active{cursor:pointer;opacity:1!important;pointer-events:visible!important}.valeModal .modal-dialog{max-width:875px}.valeModal .modal-dialog .cs-vale-modal-main{display:flex}.valeModal .modal-dialog .cs-vale-modal-main img{width:100%}.valeModal .modal-dialog .cs-vale-modal-main .cs-vale-modal-content{padding:0 15px}.valeModal .modal-dialog .cs-vale-modal-main .cs-vale-modal-content .cs-title-1{color:#401fe5;font-size:20px;font-weight:700;line-height:28px}.valeModal .modal-dialog .cs-vale-modal-main .cs-vale-modal-content .cs-desc-1{color:#041614;font-size:18px;font-weight:400;line-height:26px}.valeModal .modal-footer{justify-content:center;padding:0}.cs-p-campaign-sec-1 .cs-sec-campaign-main{align-items:center;border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;gap:10px;justify-content:space-between;margin-bottom:40px;padding:40px;width:100%}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-imgbox{max-width:485px;width:100%}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-imgbox img{width:100%}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-textbox{flex:2}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-textbox .cs-title1{color:#041614;font-size:30px;font-weight:700;line-height:38px}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-textbox .cs-desc1{color:#696969;font-size:20px;line-height:28px}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-textbox .cs-campaign-btn{align-items:center;background-color:#401fe5;border:1px solid transparent;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-textbox .cs-campaign-btn:hover{background-color:#fff;border:1px solid #401fe5;color:#401fe5;transition:all .3s ease}.cs-no-campaign{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center;margin-bottom:150px;width:100%}.cs-no-campaign .cs-no-campaign-text{color:#272727;font-size:18px;font-weight:700;line-height:26px;max-width:395px;text-align:center;width:100%}.cs-no-campaign .no-campaign-img{max-width:175px;-o-object-fit:cover;object-fit:cover;width:100%}#campaignDetailModal .modal-dialog{margin:3rem auto;max-width:700px;padding:15px}#campaignDetailModal .modal-dialog .modal-content{border:none;border-radius:14px;padding:0 20px}#campaignDetailModal .modal-dialog .modal-header{border:none;padding:10px 0 0}#campaignDetailModal .modal-dialog .modal-body .cs-banner{border-top-left-radius:20px;border-top-right-radius:20px;width:100%}#campaignDetailModal .cs-modal-title1{color:#000;font-size:29px;font-weight:700;line-height:37px;margin-top:10px}#campaignDetailModal .cs-modal-desc1{color:#000;font-size:16px;line-height:24px;margin:5px}#campaignDetailModal .cs-modal-toast{align-items:center;background:#eaecf4;display:flex;gap:10px;padding:25px}#campaignDetailModal .cs-modal-toast .cs-modaltoast-text{color:#041614;font-size:16px;line-height:24px}#campaignDetailModal .cs-campaign-code{background:#e7f2f2!important;border:2px dashed #27c1b2;border-radius:22px;padding:15px 10px;width:100%}#campaignDetailModal .cs-campaign-code h4{color:#27c1b2;font-weight:600;margin:0}.cs-p-blog-sec-1 .cs-blog-box-1 .image-div-1{position:relative}.cs-p-blog-sec-1 .content-area-1{margin:0 auto;max-width:950px}.cs-p-blog-sec-1 .cs-blog-search-area .cs-title1{color:#041614;font-size:30px;font-weight:800;line-height:38px;text-align:center}.cs-p-blog-sec-1 .cs-blog-search-area .cs-desc{color:#696969;font-size:20px;line-height:28px;text-align:center}.cs-p-blog-sec-1 .cs-blog-list-main{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:30px 0}.cs-new-text{background:#007aff;color:#fff;font-size:17px;left:20px;line-height:25px;top:10px}.cs-date-text,.cs-new-text{border-radius:30px;font-weight:600;padding:2px 20px;position:absolute}.cs-date-text{background:#fdfdfd;bottom:10px;color:#041614;font-size:14px;line-height:22px;right:20px}.cs-p-blogdetail-sec-1{margin:20px 0;min-height:75vh}.cs-p-blogdetail-sec-1 .cs-blog-detail-image{float:left;margin-right:20px;max-width:570px;position:relative}.cs-p-blogdetail-sec-1 .cs-blog-detail-image,.cs-p-blogdetail-sec-1 .cs-blog-detail-image img{border-top-left-radius:20px;border-top-right-radius:20px;width:100%}.cs-p-blogdetail-sec-1 .cs-blog-detail-caption{margin-bottom:150px}.cs-p-blogdetail-sec-1 .cs-blog-detail-caption .cs-blog-detail-date{color:#041614;font-size:14px;font-weight:700;line-height:22px}.cs-p-blogdetail-sec-1 .cs-blog-detail-caption .cs-blog-detail-title{color:#000;font-size:24px;font-weight:700;line-height:32px;margin-top:10px}.cs-p-blogdetail-sec-1 .cs-blog-detail-caption .cs-blog-detail-desc{color:#000;font-size:16px;line-height:24px}.cs-search-box{align-items:center;background-color:#fff;border:1px solid #3830dc;border-radius:35px;display:flex;height:70px;justify-content:space-between;padding:0 8px 0 20px;width:100%}.cs-search-box input{border:none;border-radius:35px;box-shadow:none;height:100%;outline:none;width:100%}.cs-search-box input:focus-visible{border:none;box-shadow:none;outline:none}.cs-search-box .cs-search-btn{background:#3830dc;border:none;border-radius:35px;color:#fff;font-size:22px;font-weight:700;line-height:30px;padding:12px 30px}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-main{margin-bottom:300px}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-main .cs-blog-detail-content{display:flex}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-main .cs-blog-detail-image{border-radius:45px;flex:0 0 50%;float:left;margin-bottom:10px!important;margin-right:20px;max-width:385px;position:relative;width:100%}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-main .cs-blog-detail-image img{border-radius:45px;width:100%}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-main .cs-blog-detail-title{color:#696969;font-size:20px;font-weight:700;line-height:28px;margin-bottom:10px}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-main .cs-blog-detail-desc{color:#000;font-size:16px;line-height:24px;margin-top:20px}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-main .cs-blog-detail-caption{flex:1 0 50%}.cs-p-arabanipaylas-sec-main{margin-bottom:50px}.cs-p-arabanipaylas-sec-main .cs-wbg-head-2{display:flex;justify-content:center;width:100%}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main{align-items:flex-start;display:flex;gap:50px;justify-content:center}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main .cs-car-btn-1{align-items:center;display:flex;justify-content:center;margin:0 auto}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main .cs-arabanipaylas-line{border:1px solid #696969;border-radius:14px;padding:10px}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main .cs-image-box-1 img{max-width:624px;width:100%}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main .cs-text-box-1{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:350px;width:100%}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main .cs-text-box-1 .cs-title1{color:#272727;font-size:24px;font-weight:700;line-height:32px;margin-bottom:20px;text-align:center}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main .cs-text-box-1 .cs-primary-btn-3{margin-bottom:50px;margin-top:10px;max-width:320px;width:100%}.cs-primary-checkbox-1{align-items:center;display:flex;gap:5px;margin-bottom:20px;width:auto;width:100%}.cs-primary-checkbox-1 label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-primary-checkbox-1 .cs-primary-label{color:#272727;cursor:pointer;font-size:16px;font-weight:600;line-height:24px}.cs-primary-checkbox-1 input[type=radio].cs-primary-check{display:none}.cs-primary-checkbox-1 input[type=radio].cs-primary-check+label{background:transparent;border:1px solid #83908e;border-radius:50%;display:inline-block;height:25px;transition:all .2s ease;width:25px}.cs-primary-checkbox-1 input[type=radio].cs-primary-check:checked+label{border:4px solid #27c1b2}.cs-p-arabanipaylas-sec-2{display:none;margin-bottom:30px}.cs-p-arabanipaylas-sec-2.active{display:flex;flex-direction:column}.cs-p-arabanipaylas-sec-2 .cs-arabani-pay-bry-1-0-main{align-items:flex-start;display:flex;justify-content:center}.cs-p-arabanipaylas-sec-2 .cs-arabani-pay-bry-1-0-main .cs-step-line-size{margin-bottom:20px;max-width:200px;width:100%}.cs-p-arabanipaylas-sec-2 .cs-arabani-pay-bry-1-0-main .cs-image-box-1 img{max-width:624px;width:100%}.cs-p-arabanipaylas-sec-2 .cs-arabani-pay-bry-1-0-main .cs-textbox-1{align-items:center;display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:350px;width:100%}.cs-p-arabanipaylas-sec-2 .cs-arabani-pay-bry-1-0-main .cs-textbox-1 .cs-sharecar-btn1{display:flex;justify-content:center}.cs-p-arabanipaylas-sec-2 .cs-arabani-pay-bry-1-0-main .cs-textbox-1 .cs-sharecar-btn1 button{max-width:310px;width:100%}.cs-p-arabanipaylas-sec-3,.cs-p-arabanipaylas-sec-4,.cs-p-arabanipaylas-sec-5,.cs-p-arabanipaylas-sec-6{display:none;margin-bottom:50px}.cs-p-arabanipaylas-sec-3.active,.cs-p-arabanipaylas-sec-4.active,.cs-p-arabanipaylas-sec-5.active,.cs-p-arabanipaylas-sec-6.active{display:flex;flex-direction:column}.cs-p-arabanipaylas-sec-3 .cs-check-group,.cs-p-arabanipaylas-sec-4 .cs-check-group,.cs-p-arabanipaylas-sec-5 .cs-check-group,.cs-p-arabanipaylas-sec-6 .cs-check-group{display:none;flex-direction:column}.cs-p-arabanipaylas-sec-3 .cs-file-buttons,.cs-p-arabanipaylas-sec-4 .cs-file-buttons,.cs-p-arabanipaylas-sec-5 .cs-file-buttons,.cs-p-arabanipaylas-sec-6 .cs-file-buttons{display:flex;flex-direction:column;gap:10px;margin-left:20px}.cs-p-arabanipaylas-sec-3 #cs-file-img-div,.cs-p-arabanipaylas-sec-4 #cs-file-img-div,.cs-p-arabanipaylas-sec-5 #cs-file-img-div,.cs-p-arabanipaylas-sec-6 #cs-file-img-div{height:40px;margin-right:10px;width:40px}.cs-p-arabanipaylas-sec-3 #cs-file-img-div img,.cs-p-arabanipaylas-sec-4 #cs-file-img-div img,.cs-p-arabanipaylas-sec-5 #cs-file-img-div img,.cs-p-arabanipaylas-sec-6 #cs-file-img-div img{border-radius:8px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.cs-p-arabanipaylas-sec-3 .cs-file-info-js-1,.cs-p-arabanipaylas-sec-4 .cs-file-info-js-1,.cs-p-arabanipaylas-sec-5 .cs-file-info-js-1,.cs-p-arabanipaylas-sec-6 .cs-file-info-js-1{border:1px solid #eaecf4;border-radius:12px;padding:20px}.cs-p-arabanipaylas-sec-3 .cs-file-date-text,.cs-p-arabanipaylas-sec-4 .cs-file-date-text,.cs-p-arabanipaylas-sec-5 .cs-file-date-text,.cs-p-arabanipaylas-sec-6 .cs-file-date-text{color:#272727;font-size:16px;line-height:24px}.cs-p-arabanipaylas-sec-3 .cs-image-box-1 img,.cs-p-arabanipaylas-sec-4 .cs-image-box-1 img,.cs-p-arabanipaylas-sec-5 .cs-image-box-1 img,.cs-p-arabanipaylas-sec-6 .cs-image-box-1 img{max-width:624px;width:100%}.cs-p-arabanipaylas-sec-3 .cs-sharecar-btn1 button,.cs-p-arabanipaylas-sec-4 .cs-sharecar-btn1 button,.cs-p-arabanipaylas-sec-5 .cs-sharecar-btn1 button,.cs-p-arabanipaylas-sec-6 .cs-sharecar-btn1 button{margin:0 auto;max-width:310px;width:100%}.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main{align-items:flex-start;display:flex;justify-content:center}.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-step-line-size,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-step-line-size,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-step-line-size,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-step-line-size{max-width:200px;width:100%}.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main,.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1,.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1{width:100%}.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1 .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1 .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1 .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1 .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1 .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1 .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1 .cs-cars-upload-list-1 .cscul1-col-1,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1 .cs-cars-upload-list-1 .cscul1-col-1{flex:0 0 33.3%;max-width:33.3%;min-height:1px;padding-left:7px;padding-right:7px;position:relative;width:100%}.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main .cs-iwb-head-1,.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1 .cs-iwb-head-1,.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1 .cs-iwb-head-1,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main .cs-iwb-head-1,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1 .cs-iwb-head-1,.cs-p-arabanipaylas-sec-4 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1 .cs-iwb-head-1,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main .cs-iwb-head-1,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1 .cs-iwb-head-1,.cs-p-arabanipaylas-sec-5 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1 .cs-iwb-head-1,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-car-file-input-main .cs-iwb-head-1,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-global-document-upload-1 .cs-iwb-head-1,.cs-p-arabanipaylas-sec-6 .cs-arabani-pay-bry-1-1-main .cs-rentals-info-comp-1 .cs-iwb-head-1{color:#27c1b2}.cs-p-arabanipaylas-sec-3 .cs-buttons,.cs-p-arabanipaylas-sec-4 .cs-buttons,.cs-p-arabanipaylas-sec-5 .cs-buttons,.cs-p-arabanipaylas-sec-6 .cs-buttons{align-self:center;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);justify-self:center;max-width:370px;width:100%}.cs-p-arabanipaylas-sec-3 .cs-buttons label,.cs-p-arabanipaylas-sec-4 .cs-buttons label,.cs-p-arabanipaylas-sec-5 .cs-buttons label,.cs-p-arabanipaylas-sec-6 .cs-buttons label{cursor:pointer;margin:0!important}.cs-p-arabanipaylas-sec-3 .cs-buttons input,.cs-p-arabanipaylas-sec-4 .cs-buttons input,.cs-p-arabanipaylas-sec-5 .cs-buttons input,.cs-p-arabanipaylas-sec-6 .cs-buttons input{display:none!important}.cs-p-arabanipaylas-sec-3 .cs-buttons .cs-buttons-item,.cs-p-arabanipaylas-sec-4 .cs-buttons .cs-buttons-item,.cs-p-arabanipaylas-sec-5 .cs-buttons .cs-buttons-item,.cs-p-arabanipaylas-sec-6 .cs-buttons .cs-buttons-item{border:1px solid #696969;border-radius:12px;color:#041614;cursor:pointer;display:flex;font-size:16px;justify-content:center;line-height:24px;padding:10px 5px}.cs-p-arabanipaylas-sec-3 .cs-buttons .cs-buttons-item.active,.cs-p-arabanipaylas-sec-4 .cs-buttons .cs-buttons-item.active,.cs-p-arabanipaylas-sec-5 .cs-buttons .cs-buttons-item.active,.cs-p-arabanipaylas-sec-6 .cs-buttons .cs-buttons-item.active{background-color:#27c1b2;border:1px solid transparent;color:#fff}.cs-p-arabanipaylas-sec-3 .cs-buttons .cs-buttons-item.active label,.cs-p-arabanipaylas-sec-4 .cs-buttons .cs-buttons-item.active label,.cs-p-arabanipaylas-sec-5 .cs-buttons .cs-buttons-item.active label,.cs-p-arabanipaylas-sec-6 .cs-buttons .cs-buttons-item.active label{color:#fff}.cs-p-arabanipaylas-sec-3 .cs-textbox-1,.cs-p-arabanipaylas-sec-4 .cs-textbox-1,.cs-p-arabanipaylas-sec-5 .cs-textbox-1,.cs-p-arabanipaylas-sec-6 .cs-textbox-1{align-items:center;display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:450px;width:100%}.cs-p-arabanipaylas-sec-3 .cs-textbox-1 .cs-title1,.cs-p-arabanipaylas-sec-4 .cs-textbox-1 .cs-title1,.cs-p-arabanipaylas-sec-5 .cs-textbox-1 .cs-title1,.cs-p-arabanipaylas-sec-6 .cs-textbox-1 .cs-title1{color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px}.cs-p-arabanipaylas-sec-3 .cs-textbox-1 .cs-sharecar-textbox,.cs-p-arabanipaylas-sec-4 .cs-textbox-1 .cs-sharecar-textbox,.cs-p-arabanipaylas-sec-5 .cs-textbox-1 .cs-sharecar-textbox,.cs-p-arabanipaylas-sec-6 .cs-textbox-1 .cs-sharecar-textbox{border-bottom:1px solid #ededed;margin-top:30px;padding-bottom:20px}.cs-primary-step-line-1{background-color:#dbdbdb;height:1px;position:relative;width:100%}.cs-primary-step-line-1 .cs-step-line-item-1{background-color:#dbdbdb;border-radius:50%;height:18px;left:50%;position:absolute;transform:translateY(-8px);width:18px}.cs-primary-step-line-1 .cs-step-line-item-1:first-child{left:0}.cs-primary-step-line-1 .cs-step-line-item-1:last-child{left:100%}.cs-primary-step-line-1 .cs-step-line-item-1:nth-child(2){left:25%}.cs-primary-step-line-1 .cs-step-line-item-1:nth-child(4){left:75%}.cs-primary-step-line-1 .cs-step-line-item-1:nth-child(3){left:50%}.cs-primary-step-line-1 .cs-step-line-item-1.active{background-color:#27c1b2;border:3px solid #91efe6}#sharecar-modal1 .modal-content{border-radius:18px}#sharecar-modal1 .modal-header{border:none!important}#sharecar-modal1 .cs-sharecar-main{align-items:center;display:flex;flex-direction:column;gap:20px}#sharecar-modal1 .cs-sharecar-main .cs-alert{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px}#sharecar-modal1 .cs-sharecar-main .cs-desc1{color:#696969;font-size:16px;line-height:24px;text-align:center}#sharecar-modal1 .cs-sharecar-main .cs-sharecar-btn-group{align-items:center;display:flex;gap:20px;justify-content:center}.cs-primary-check-1{margin-bottom:20px}.cs-primary-check-1 .form-check-input{accent-color:#27c1b2;border:1px solid #b7b7b7;border-radius:4px;height:22px!important;width:22px}.cs-primary-check-1 .form-check-label{color:#272727;cursor:pointer;font-size:14px;line-height:27px;margin-left:10px}.cs-primary-check-1 .form-check-label a{color:#272727;text-decoration:underline!important}#insurance_policy .modal-dialog{max-width:610px;width:100%}#insurance_policy .modal-dialog .modal-content{border-radius:18px}#insurance_policy .modal-dialog .cs-modal-title1{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px;text-align:center}#insurance_policy .modal-dialog .cs-modal-desc1{color:#0c0c0c;font-size:16px;line-height:24px}#insurance_policy .modal-dialog .cs-modal-textbox{height:445px;margin-bottom:30px;overflow:hidden;overflow-y:auto;padding:10px 20px}#insurance_policy .modal-dialog .cs-modal-textbox::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}#insurance_policy .modal-dialog .cs-modal-textbox::-webkit-scrollbar{width:4px}#insurance_policy .modal-dialog .cs-modal-textbox::-webkit-scrollbar-thumb{background-color:rgba(114,135,253,.15);border-radius:10px}#insurance_policy .cs-globe-dd-1{display:flex;justify-content:center}#insurance_policy .cs-globe-dd-1 .cs-header-btn-3{max-width:320px;padding:5px 20px;width:100%}#insurance_policy .cs-globe-dd-1 .cs-header-btn-3 .ds-in-1{display:flex;justify-content:space-between;width:100%}.cs-giveupbtn{align-items:center;background-color:#fff;border:0;border-radius:12px;color:#272727;cursor:pointer;display:inline-flex;font-size:18px;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:26px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center}.cs-sharecar-modal-1 #cs-dd-modal-text2{height:100%;width:100%}.cs-sharecar-modal-1 #cs-dd-modal-text2 .cs-file-img-2{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.cs-sharecar-modal-1 .cs-trash-icon{background:rgba(114,135,253,.11);border-radius:50%;color:#401fe5;padding:10px 12px}.cs-sharecar-modal-1 .modal-footer{border:none!important;justify-content:center!important;padding:0!important}.cs-sharecar-modal-1 .cs-file-reset-btn-2{background:none;border:none}.cs-sharecar-modal-1 .cs-sharecarmodal-footer{display:none;flex-direction:column}.cs-sharecar-modal-1 .cs-sharecarmodal-footer .cs-modal-buttons{display:flex}.cs-sharecar-modal-1 .cs-sharecarmodal-footer .cs-modal-buttons .cs-yesbtn{background-color:#27c1b2}.cs-sharecar-modal-1 .cs-sharecarmodal-footer .cs-modal-buttons .cs-yesbtn:hover{box-shadow:0 4px 6px 0 rgba(39,193,178,.65);color:#fff}#form_city_1,#mission_end_location,#mission_location,#mission_start_location{background-color:#fff;border:none;color:#041614;font-size:16px;line-height:24px;padding:.375rem .75rem}#form_city_1::-moz-placeholder,#mission_end_location::-moz-placeholder,#mission_location::-moz-placeholder,#mission_start_location::-moz-placeholder{color:#041614;opacity:.5}#form_city_1::placeholder,#mission_end_location::placeholder,#mission_location::placeholder,#mission_start_location::placeholder{color:#041614;opacity:.5}#form_city_1:focus,#mission_end_location:focus,#mission_location:focus,#mission_start_location:focus{border:none;box-shadow:none;outline:none}.cs-location-search-area{height:auto;opacity:1;transition:all .5s;visibility:visible}.cs-location-search-area.deactive{height:0;opacity:0;transition:all .5s;visibility:hidden}.cs-location-icondiv{align-items:center;border:.5px solid #696969;border-radius:12px;display:block;display:flex;font-size:1.25rem;padding:0 25px;width:100%}.cs-location-icondiv input{border:none}.cs-location-icondiv input:focus{box-shadow:none!important}.cs-location-icondiv i{color:#7287fd;font-size:20px;font-weight:900}.cs-syc-sec1 .cs-syc-sec-1-title{color:#041614;font-size:35px;font-weight:700;line-height:43px;max-width:540px}.cs-syc-sec1 .cs-syc-sec-1-title span{color:#401fe5}.cs-syc-sec1 .cs-syc-1-main{align-items:flex-start!important;justify-content:space-between;margin:0}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn{align-items:flex-end;display:flex;margin-bottom:16px;position:relative}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .js-choice-box{display:flex;flex-direction:column;gap:5px;opacity:1;position:absolute;right:15px;top:0;width:-moz-max-content;width:max-content;z-index:2}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .dropdown{width:100%}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .dropdown .dropdown-menu .dropdown-item:active{background-color:#27c1b2}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .cs-start-dropdown:after{content:none}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox{background-color:#f6fdfd;border:1px solid #3b2bdc;border-radius:60px;display:flex;justify-content:center;margin-bottom:30px;margin-top:20px;padding:20px 45px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-info-direction{position:relative;width:100%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-info-direction .cs-info-message{background:#fff;border-radius:14px;bottom:-135px;box-shadow:0 7px 29px 0 rgba(99,99,110,.2);height:auto;opacity:0;padding:10px;position:absolute;right:-150px;transition:all .5s;visibility:hidden;width:200px;z-index:3}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-info-direction .cs-info-message span{text-wrap:wrap;font-size:14px;line-height:14px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-info-direction:hover .cs-info-message{background:#fff;border-radius:14px;bottom:-135px;box-shadow:0 7px 29px 0 rgba(99,99,110,.2);height:auto;opacity:1;padding:10px;position:absolute;right:-150px;transition:all .5s;visibility:visible;width:200px;z-index:3}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-info-direction:hover .cs-info-message span{text-wrap:wrap;font-size:14px;line-height:14px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-title-1{align-items:center;color:#041614;display:flex;font-size:43px;font-weight:800;gap:10px;line-height:51px;margin:0;white-space:nowrap}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-title-2{align-items:center;color:#041614;display:flex;font-size:20px;font-weight:600;gap:10px;line-height:28px;margin:0}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-title-2 i{color:#7287fd;font-size:20px;font-weight:900}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{padding-left:8.5%;padding-top:10px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox{display:flex;justify-content:flex-end;padding-right:0;position:relative}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-main-img{height:550px;max-width:770px;-o-object-fit:cover;object-fit:cover;width:100%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{bottom:10px;max-width:736px;position:absolute;right:8.5%;width:100%}.cs-syc-sec-2{background-color:#f7f8ff;height:230px;width:100%}.cs-syc-sec-2 .container{height:100%}.cs-syc-sec-2 .cs-syc-2-banner{align-items:center;display:grid;grid-template-columns:repeat(5,1fr);height:100%}.cs-syc-sec-2 .cs-syc-2-banner .cs-syc-2-banner-content{align-items:center;display:flex;flex-direction:column;gap:5px;justify-items:space-between}.cs-syc-sec-2 .cs-syc-2-banner .cs-syc-2-banner-content .cs-img-banner-1{max-width:255px;width:100%}.cs-syc-sec-2 .cs-syc-2-banner .cs-syc-2-banner-content .cs-title-banner-1{color:#401fe5;font-size:56px;font-weight:800;line-height:54px;text-align:center}.cs-syc-sec-2 .cs-syc-2-banner .cs-syc-2-banner-content .cs-desc-banner-1{color:#041614;font-size:30px;font-weight:600;line-height:38px;text-align:center;width:100%}.cs-syc-sec-3{margin:50px 0}.cs-syc-sec-3 .cs-button-group{display:flex;gap:20px;justify-content:center;margin-top:45px}.cs-syc-sec-3 .cs-syc-3-box-main{align-items:center;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);justify-items:space-between}.cs-syc-sec-3 .cs-syc-3-box-main .cs-syc-3-box-content{align-items:center;border:1px solid #ededed;border-radius:30px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;flex-direction:column;height:340px;justify-content:center;padding:0 20px}.cs-syc-sec-3 .cs-syc-3-box-main .cs-syc-3-box-content .cs-syc-sec3-title{color:#272727;font-size:20px;font-weight:700;line-height:28px;margin:20px 0;text-align:center}.cs-syc-sec-3 .cs-syc-3-box-main .cs-syc-3-box-content .cs-syc-sec3-desc{color:#272727;font-size:18px;line-height:26px;text-align:center}.cs-primary-outline-btn-1{align-items:center;background-color:#f6fdfd;border:1px solid #27c1b2;border-radius:12px;color:#27c1b2;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-primary-outline-btn-1 i{padding-left:10px}.cs-primary-outline-btn-1:hover{background-color:#27c1b2;color:#fff}.cs-syc-sec-4{background-color:#f6fdfd;height:510px;margin:50px 0}.cs-syc-sec-4 .container{height:100%}.cs-syc-sec-4 .cs-syc-sec4-main{align-items:flex-end;display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content1{align-self:flex-start}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1{bottom:20px}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1 .cs-wbg-head-2 span:before{background-color:#7287fd;opacity:.4}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2{max-width:565px;position:absolute;right:10%;top:25px}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2 .cs-wbg-head-2{font-size:30px;line-height:38px;margin-bottom:20px;text-align:right}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2 .cs-wbg-head-2 span:before{height:12px}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2 .cs-sys-sec4-title{color:#041614;font-size:22px;line-height:30px;text-align:right}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1{left:10%;max-width:565px;position:absolute}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1 .cs-wbg-head-2{font-size:30px;line-height:38px;margin-bottom:20px;text-align:left}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1 .cs-wbg-head-2 span:before{height:12px}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1 .cs-sys-sec4-title{color:#041614;font-size:22px;line-height:30px;text-align:left}.cs-p-vehicle-owner-main{background:#fff;border:1px solid #eaecf4;border-radius:12px;display:flex;justify-content:space-between;margin:35px 0;padding:20px 16px;width:100%}.cs-p-vehicle-owner-main .cs-p-vehicle-textbox-1{align-items:center;display:flex;gap:30px}.cs-p-vehicle-owner-main .cs-p-vehicle-textbox-1 .cs-profile-img{border-radius:50%;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.cs-p-vehicle-owner-main .cs-p-vehicle-textbox-1 .fake-char-i-1{align-items:center;background-color:#401fe5;border-radius:50%;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;padding:1px;width:80px}.cs-p-vehicle-owner-main .cs-textarea .cs-name-1{color:#041614;font-size:20px;font-weight:700;line-height:28px}.cs-p-vehicle-owner-main .cs-textarea .cs-name-1 .cs-super-vhc-owner{background:#401fe5;background:linear-gradient(180deg,#401fe5,#201073);border-radius:18px;color:#fff;font-size:12px;font-weight:700;margin-left:30px;padding:8px 20px}.cs-p-vehicle-owner-main .cs-textarea .cs-name-1 .cs-super-vhc-owner i{font-size:16px;margin-right:10px}.cs-p-vehicle-owner-main .cs-textarea .cs-location-phone-area{display:flex;gap:25px}.cs-p-vehicle-owner-main .cs-textarea .cs-location-phone-area .cs-text-info-1{color:#041614;font-size:16px;font-weight:600;line-height:24px}.cs-p-vehicle-owner-main .cs-textarea .cs-location-phone-area .cs-text-info-1 i{background-color:#eaecf4;border-radius:50%;color:#401fe5;font-size:16px;margin-right:5px;padding:10px}.cs-p-vehicle-owner-main .cs-date-1{display:flex;gap:20px}.cs-p-vehicle-owner-main .cs-date-1 .cs-text-1{color:#696969;font-size:16px;font-weight:400;line-height:24px;margin-left:3px}.cs-p-vehicle-owner-main .cs-date-1 .cs-text-2{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-p-vehicle-arrangement{align-items:center;display:flex;justify-content:space-between;width:100%}.cs-p-vehicle-arrangement .cs-text-3{border-right:1px solid #401fe5;color:#041614;font-size:18px;font-weight:700;line-height:26px;margin-right:20px;padding-right:20px}.cs-p-vehicle-arrangement .cs-text-4{color:#401fe5;font-size:18px;font-weight:600;line-height:26px}.cs-p-vehicle-arrangement .cs-text-4 i{color:#401fe5;font-size:15px;margin-left:5px}.cs-p-vehicle-arrangement .cs-arrangement-button{background-color:#fff;border:1px solid #ededed;border-radius:10px;box-shadow:0 8px 24px rgba(99,99,99,.2);color:#041614;font-size:16px;font-weight:600;line-height:24px;padding:12px 30px 12px 12px}.cs-p-vehicle-arrangement .cs-arrangement-button i{margin-right:5px}.cs-car-list-main{margin:20px 0!important}.cs-car-list-main p{margin:0}.cs-car-list-main .cs-d-detailbox{margin-bottom:30px}.cs-car-list-main .cs-car-list-content{border-radius:20px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.cs-car-list-main .cs-car-list-content .cs-car-list-content-1{padding:15px 15px 0}.cs-car-list-main .cs-car-list-content .cs-list-area-4{display:flex;justify-content:center;width:100%}.cs-car-list-main .cs-car-list-content .cs-list-area-4 .cs-list-area-4-img{height:125px;-o-object-fit:cover;object-fit:cover;width:235px}.cs-car-list-main .cs-car-list-content .cs-list-area-1{align-items:center;display:flex;justify-content:space-between}.cs-car-list-main .cs-car-list-content .cs-list-area-1 .like-btn-1{align-items:center;background-color:#fff;border-radius:50%;color:#696969;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;position:absolute;right:30px;top:18px;width:30px;z-index:0}.cs-car-list-main .cs-car-list-content .cs-list-area-1 .like-btn-1:before{content:"\e940";font-family:bain!important;position:relative;top:1px}.cs-car-list-main .cs-car-list-content .cs-list-area-1 .like-btn-1.active{color:#ff081b}.cs-car-list-main .cs-car-list-content .cs-list-area-1 .like-btn-1.active:before{content:"\e923";font-family:bain!important}.cs-car-list-main .cs-car-list-content .cs-list-area-1 .cs-text-1{color:#041614;font-size:18px;font-weight:700;line-height:26px}.cs-car-list-main .cs-car-list-content .cs-list-area-1 i{color:#696969;font-size:22px}.cs-car-list-main .cs-car-list-content .cs-list-area-2{color:#838383;font-size:16px;font-weight:600;line-height:24px}.cs-car-list-main .cs-car-list-content .cs-list-area-3{font-size:16px;line-height:24px;padding-left:18px;position:relative}.cs-car-list-main .cs-car-list-content .cs-list-area-3:before{border-radius:50%;content:"";display:block;height:14px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:14px}.cs-car-list-main .cs-car-list-content .cs-list-yellow{color:#ffba00}.cs-car-list-main .cs-car-list-content .cs-list-yellow:before{background:#ffba00}.cs-car-list-main .cs-car-list-content .cs-list-grey{color:#8bb1ab}.cs-car-list-main .cs-car-list-content .cs-list-grey:before{background:#8bb1ab}.cs-car-list-main .cs-car-list-content .cs-list-green{color:#35d634}.cs-car-list-main .cs-car-list-content .cs-list-green:before{background:#35d634}.cs-car-list-main .cs-car-list-content .cs-list-area-5{border-top:1px solid #ededed;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:15px 0}.cs-car-list-main .cs-car-list-content .cs-list-area-5 i{color:#000;font-size:25px}.cs-car-list-main .cs-car-list-content .cs-list-area-5 .cs-text-5{align-items:center;color:#696969;display:flex;font-size:14px;gap:10px;line-height:22px}.cs-car-list-main .cs-car-list-content .cs-list-area-6{align-items:center;background-color:#f0f0f0;border-radius:0 0 20px 20px;display:flex;height:70px;justify-content:center}.cs-car-list-main .cs-car-list-content .cs-list-area-6 .cs-text-6{color:#041614;font-size:20px;font-weight:700;line-height:28px}.cs-car-list-main .cs-primary-btn-1{min-width:310px}.cs-car-list-main .cs-current-past-mission-content{align-items:center;display:flex;flex-direction:column;gap:30px;margin:50px 0}.cs-car-list-main .nav-tabs{border:none;border-bottom:1px solid #707070;display:flex;justify-content:center;margin:0 auto;max-width:326px;padding-bottom:15px;z-index:9}.cs-car-list-main .nav-tabs .nav-link{background-color:transparent;border:none;color:#041614;font-size:16px;line-height:24px}.cs-car-list-main .nav-tabs .nav-link.active{background-color:transparent;border:none;color:#401fe5;font-weight:700;position:relative}.cs-car-list-main .nav-tabs .nav-link.active:after{background:#401fe5;border-radius:5px;bottom:-18px;content:"";display:block;height:8px;left:0;position:absolute;width:100%}.cs-profile-container-1{margin:0 auto;max-width:1010px;padding:0 15px}.cs-car-list-main-2{margin:30px 0!important}.cs-car-list-main-2 .cs-d-detailbox{margin-bottom:30px}.cs-car-list-main-2 .cs-list-main-2{border-radius:20px;box-shadow:0 8px 24px rgba(99,99,99,.2);max-height:355px;min-height:355px;padding:15px}.cs-car-list-main-2 .cs-list-main-2 .cs-list-item-2-1{border-bottom:1px solid #ededed;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;width:100%}.cs-car-list-main-2 .cs-list-main-2 .cs-list-item-2-1 .cs-pp-text-area{align-items:center;display:flex;gap:15px}.cs-car-list-main-2 .cs-list-main-2 .cs-list-item-2-1 .cs-pp-text-area .cs-pp-img{border-radius:50%;height:80px;-o-object-fit:cover;object-fit:cover;width:80px}.cs-car-list-main-2 .cs-list-main-2 .cs-list-item-2-1 .cs-pp-text-area .fake-char-i-1{align-items:center;background-color:#401fe5;border-radius:50%;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;padding:1px;width:80px}.cs-car-list-main-2 .cs-list-main-2 .cs-list-item-2-1 .cs-profile-title-1{color:#041614;font-size:16px;font-weight:700;line-height:24px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-car-list-main-2 .cs-list-main-2 .cs-list-item-2-1 .cs-star-list{display:flex;gap:3px}.cs-car-list-main-2 .cs-list-main-2 .cs-list-item-2-1 .cs-star-list i{color:#f0c76a;font-size:17px}.cs-car-list-main-2 .cs-list-main-2 .cs-list-item-2-2 .cs-desc-1{-webkit-line-clamp:7;-webkit-box-orient:vertical;color:#696969;display:-webkit-box;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis}.cs-car-list-main-2 .cs-list-main-2 .cs-list-item-2-2 .cs-date-desc{color:#696969;font-size:14px;line-height:22px}.cs-car-list-main-2 .cs-like-star i{background:#eaecf4;border-radius:50%;color:#401fe5;font-size:20px;padding:6px}.cs-backtoprofile-1{display:flex;margin:30px 0 10px;padding-left:10px}.cs-backtoprofile-1.deactive{display:none}.cs-backtoprofile-1 .cs-btp-text{color:#041614;font-size:16px;font-weight:600;line-height:24px}.cs-backtoprofile-1 i{font-size:14px;margin-right:8px}.cs-p-vehicle-rating-1 i{color:#f0c76a;font-size:20px}.cs-p-vehicle-rating-1 .cs-rate-text{color:#041614;font-size:20px;font-weight:700;line-height:28px}.cs-vehicle-detail-main-1{display:flex;justify-content:space-between;margin:15px 0;padding:0 10px}.cs-vehicle-detail-main-1 .cs-title-1{border-right:1px solid #ededed;color:#041614;font-size:18px;font-weight:700;line-height:26px;margin-right:20px;padding-right:20px}.cs-vehicle-detail-main-1 .cs-title-2,.cs-vehicle-detail-main-1 .cs-title-3{color:#041614;font-size:18px;font-weight:600;line-height:26px}.cs-car-reservation-calendar{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;justify-content:space-between;padding:30px}.cs-car-reservation-calendar .cs-rc-left{align-items:center;display:flex;gap:30px}.cs-car-reservation-calendar .cs-rc-left .cs-rc-img{height:85px;-o-object-fit:cover;object-fit:cover;width:200px}.cs-car-reservation-calendar .cs-rc-left .cs-title-name{color:#041614;font-size:18px;font-weight:600;line-height:26px;margin-bottom:5px}.cs-car-reservation-calendar .cs-rc-left .cs-title-plate{color:#838383;font-size:16px;line-height:24px}.cs-car-reservation-calendar .cs-rc-right{align-items:center;display:flex;gap:20px}.cs-car-reservation-calendar .cs-rc-right .cs-title-price{background-color:#f0f0f0;border-radius:20px;color:#041614;font-size:16px;font-weight:700;line-height:24px;padding:5px 30px}.cs-car-reservation-calendar .cs-rc-right .cs-blue-disc{background-color:#007eff;border-radius:50%;height:22px;width:22px}.cs-calendar-list{margin:25px 0}.cs-calendar-list .cs-calendar-list-area{display:flex;flex-direction:column;gap:20px;width:100%}.cs-calendar-list .cs-calendar-list-area .cs-date-list{color:#041614;font-size:16px;line-height:24px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main{background-color:#fff;border:1px solid #eaecf4;border-radius:12px;padding:12px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content-main{padding:15px 20px;position:relative}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content-main:before{background:#fff;border-radius:3px;content:"";display:block;height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content-main .cs-date-title-1{color:#041614;display:block;font-size:16px;font-weight:700;line-height:24px;margin-bottom:15px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content-main .cs-date-list span{color:#041614;font-size:16px;line-height:24px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content{padding:15px 20px;position:relative}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content:before{background:#ffba00;border-radius:3px;content:"";display:block;height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content .cs-date-title-1{color:#041614;display:block;font-size:16px;font-weight:700;line-height:24px;margin-bottom:15px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content .cs-date-list span{color:#041614;font-size:16px;line-height:24px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content-2{padding:15px 20px;position:relative}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content-2:before{background:#e04149;border-radius:3px;content:"";display:block;height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content-2 .cs-date-title-1{color:#041614;display:block;font-size:16px;font-weight:700;line-height:24px;margin-bottom:15px}.cs-calendar-list .cs-calendar-list-area .cs-cl-main .cs-cl-content-2 .cs-date-list span{color:#041614;font-size:16px;line-height:24px}.cs-count-mission-main{align-items:center;background-color:#fff;border-radius:20px 0 0 20px;box-shadow:0 8px 24px rgba(99,99,99,.2);display:flex;gap:5px;padding:5px 15px 5px 5px}.cs-count-mission-main i{background:#eaecf4;border-radius:50%;color:#401fe5;font-size:15px;padding:8px 10px}.cs-count-mission-main .cs-result-mission,.cs-count-mission-main .cs-title-mission{color:#041614;font-size:16px;line-height:24px}.cs-count-mission-main .cs-result-mission{font-weight:700}.cs-hire-main-area .nav-tabs{max-width:350px!important}.cs-hire-main-area .nav-tabs .nav-link.active:after{left:0!important}.cs-mission-main-area{margin:20px 0}.cs-mission-main-area .cs-primary-btn-1{min-width:310px}.cs-mission-main-area .cs-current-past-mission-content{align-items:center;display:flex;flex-direction:column;gap:30px;margin:50px 0}.cs-mission-main-area .nav-tabs{border:none;border-bottom:1px solid #707070;display:flex;justify-content:center;margin:0 auto;max-width:326px;padding-bottom:15px}.cs-mission-main-area .nav-tabs .nav-link{background-color:transparent;border:none;color:#041614;font-size:16px;line-height:24px}.cs-mission-main-area .nav-tabs .nav-link.active{background-color:transparent;border:none;color:#401fe5;font-weight:700;position:relative}.cs-mission-main-area .nav-tabs .nav-link.active:after{background:#401fe5;border-radius:5px;bottom:-18px;content:"";display:block;height:8px;left:-13px;position:absolute;width:180px}.cs-mission-main-area .cs-mission-message{color:#041614;font-size:18px;font-weight:700;line-height:26px}.cs-create-mission-main{align-items:center;display:flex;flex-direction:column;padding:30px 18%}.cs-create-mission-main .cs-form-1 .date-box-1 label:before{left:28px}.cs-create-mission-main .cs-primary-btn-1-local{min-width:320px}.cs-create-mission-main label{color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px}.cs-create-mission-main .cs-location-icondiv,.cs-create-mission-main input,.cs-create-mission-main select{background-color:#fff;border:.5px solid #696969;border-radius:14px;font-size:16px!important}.cs-create-mission-main .cs-location-icondiv i,.cs-create-mission-main input i,.cs-create-mission-main select i{color:#696969}.cs-create-mission-main .cs-location-icondiv:focus,.cs-create-mission-main input:focus,.cs-create-mission-main select:focus{border:.5px solid #696969;box-shadow:none}.cs-create-mission-main #form_city_1,.cs-create-mission-main #mission_end_location,.cs-create-mission-main #mission_location,.cs-create-mission-main #mission_start_location{font-size:16px}.cs-create-mission-main textarea{border:.5px solid #696969;border-radius:14px;color:#041614;height:80px;opacity:.5;padding:15px;resize:none}.cs-create-mission-main textarea:focus{border:.5px solid #696969;box-shadow:none}.cs-create-mission-main textarea::-moz-placeholder{color:#041614;opacity:.5}.cs-create-mission-main textarea::placeholder{color:#041614;opacity:.5}.cs-overlay-profile{background-color:rgba(0,0,0,.6)}.cs-overlay-profile,.cs-overlay-profile-2{display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:11}.cs-overlay-profile-2{backdrop-filter:saturate(200%) blur(5px);background-color:hsla(0,0%,100%,.6)}.cs-sorting-area-1{display:flex;flex:1;justify-content:flex-end;position:relative}.cs-sorting-area-1 .cs-sorting-modal-1,.cs-sorting-area-1 .cs-sorting-modal-2,.cs-sorting-area-1 .cs-sorting-modal-3,.cs-sorting-area-1 .cs-sorting-modal-4{background:#fff;border-radius:14px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:none;height:auto;max-width:320px;padding:30px;position:absolute;right:0;top:50px;width:100%;z-index:12}.cs-sorting-area-1 .cs-sorting-modal-1 .cs-sort-btn-group,.cs-sorting-area-1 .cs-sorting-modal-2 .cs-sort-btn-group,.cs-sorting-area-1 .cs-sorting-modal-3 .cs-sort-btn-group,.cs-sorting-area-1 .cs-sorting-modal-4 .cs-sort-btn-group{display:flex;gap:5px;justify-content:center}.cs-sorting-area-1 .cs-location-modal-list{display:flex;flex-direction:column;gap:15px;list-style:none;padding:0}.cs-sorting-area-1 .cs-location-modal-list li{border-bottom:1px solid hsla(0,0%,93%,.447);cursor:pointer;padding-bottom:10px}.cs-sorting-area-1 .cs-location-modal-list li a{color:#454545;font-size:16px;line-height:24px}.cs-sorting-area-1 .cs-location-modal-list li.active{position:relative}.cs-sorting-area-1 .cs-location-modal-list li.active:after{color:#27c1b2;content:"\e947";font-family:bain!important;font-size:17px;position:absolute;right:-6px;top:28%;transform:translateY(-50%)}.cs-sorting-area-1 .cs-location-modal-list li.active a{color:#041614;display:inline-block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-end-location-modal,.cs-location-modal,.cs-start-location-modal{background:#fff;border:1px solid #707070;border-radius:14px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:none;height:auto;left:-10%;min-width:425px;padding:30px;position:absolute;top:100%;width:100%;z-index:12}.cs-end-location-modal .cs-location-modal-list,.cs-location-modal .cs-location-modal-list,.cs-start-location-modal .cs-location-modal-list{display:flex;flex-direction:column;gap:15px;list-style:none;padding:0}.cs-end-location-modal .cs-location-modal-list li,.cs-location-modal .cs-location-modal-list li,.cs-start-location-modal .cs-location-modal-list li{border-bottom:1px solid hsla(0,0%,93%,.447);cursor:pointer;padding-bottom:10px}.cs-end-location-modal .cs-location-modal-list li a,.cs-location-modal .cs-location-modal-list li a,.cs-start-location-modal .cs-location-modal-list li a{color:#454545;font-size:16px;line-height:24px}.cs-end-location-modal .cs-location-modal-list li.active,.cs-location-modal .cs-location-modal-list li.active,.cs-start-location-modal .cs-location-modal-list li.active{position:relative}.cs-end-location-modal .cs-location-modal-list li.active:after,.cs-location-modal .cs-location-modal-list li.active:after,.cs-start-location-modal .cs-location-modal-list li.active:after{color:#27c1b2;content:"\e947";font-family:bain!important;font-size:17px;position:absolute;right:-6px;top:28%;transform:translateY(-50%)}.cs-end-location-modal .cs-location-modal-list li.active a,.cs-location-modal .cs-location-modal-list li.active a,.cs-start-location-modal .cs-location-modal-list li.active a{color:#041614;display:inline-block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:340px}.cs-map-modal-1,.cs-map-modal-2,.cs-map-modal-3{background-color:#fff;border-radius:16px;box-shadow:0 3px 8px rgba(0,0,0,.24);display:none;height:auto;left:50%;max-width:950px;opacity:1;padding:25px 0;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:visible;width:95%;z-index:13}.cs-map-modal-1.active iframe,.cs-map-modal-2.active iframe,.cs-map-modal-3.active iframe{height:175px!important;margin:0;transition:all .5s}.cs-map-modal-1.active2,.cs-map-modal-2.active2,.cs-map-modal-3.active2{max-width:600px}.cs-map-modal-1.active2 iframe,.cs-map-modal-2.active2 iframe,.cs-map-modal-3.active2 iframe{height:0!important;margin:0;opacity:0;transition:all .5s;visibility:hidden}.cs-map-modal-1 #cs-close-btn-1,.cs-map-modal-1 #cs-close-btn-2,.cs-map-modal-1 #cs-close-btn-3,.cs-map-modal-2 #cs-close-btn-1,.cs-map-modal-2 #cs-close-btn-2,.cs-map-modal-2 #cs-close-btn-3,.cs-map-modal-3 #cs-close-btn-1,.cs-map-modal-3 #cs-close-btn-2,.cs-map-modal-3 #cs-close-btn-3{position:absolute;right:20px;text-decoration:none;top:20px}.cs-map-modal-1 #cs-close-btn-1 i,.cs-map-modal-1 #cs-close-btn-2 i,.cs-map-modal-1 #cs-close-btn-3 i,.cs-map-modal-2 #cs-close-btn-1 i,.cs-map-modal-2 #cs-close-btn-2 i,.cs-map-modal-2 #cs-close-btn-3 i,.cs-map-modal-3 #cs-close-btn-1 i,.cs-map-modal-3 #cs-close-btn-2 i,.cs-map-modal-3 #cs-close-btn-3 i{color:#1a1a1a;font-size:13px}.cs-map-modal-1 .cs-map-modal-title,.cs-map-modal-2 .cs-map-modal-title,.cs-map-modal-3 .cs-map-modal-title{color:#0c0c0c;font-weight:700;height:auto;margin-bottom:15px;opacity:1;text-align:center;visibility:visible}.cs-map-modal-1 .cs-map-modal-title.deactive,.cs-map-modal-2 .cs-map-modal-title.deactive,.cs-map-modal-3 .cs-map-modal-title.deactive{height:0;opacity:0;visibility:hidden}.cs-map-modal-1 .cs-location-icondiv,.cs-map-modal-2 .cs-location-icondiv,.cs-map-modal-3 .cs-location-icondiv{margin:0 auto;max-width:420px}.cs-map-modal-1 iframe,.cs-map-modal-2 iframe,.cs-map-modal-3 iframe{height:450px;margin:20px 0;width:100%}.cs-map-modal-1 .cs-footer-modal-area,.cs-map-modal-2 .cs-footer-modal-area,.cs-map-modal-3 .cs-footer-modal-area{display:flex;gap:10px;height:auto;justify-content:center;opacity:1;visibility:visible}.cs-map-modal-1 .cs-footer-modal-area.deactive,.cs-map-modal-2 .cs-footer-modal-area.deactive,.cs-map-modal-3 .cs-footer-modal-area.deactive{height:0;opacity:0;visibility:hidden}.cs-map-modal-1 .cs-form-button-group,.cs-map-modal-2 .cs-form-button-group,.cs-map-modal-3 .cs-form-button-group{display:flex;gap:10px;justify-content:center}.cs-stop-sharing-text{font-size:16px;font-weight:700;line-height:24px}.cs-stop-sharing-text,.cs-stop-sharing-text:hover{color:#e04149;text-decoration:underline!important}.cs-start-sharing-text{font-size:16px;font-weight:700;line-height:24px}.cs-start-sharing-text,.cs-start-sharing-text:hover{color:#401fe5;text-decoration:underline!important}.cs-car-detail-main-area{margin:30px 0 50px}.cs-car-detail-main-area .cs-car-main{display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}.cs-car-detail-main-area .cs-car-main .cs-car-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;padding:30px 10px}.cs-car-detail-main-area .cs-car-main .cs-car-content .cs-card-1-title{color:#272727;font-size:16px;font-weight:700;margin-bottom:0;margin-top:10px;text-align:center}.cs-form-1-2 .form-group{padding:0!important}.cs-form-1-2 .date-box-1 label:before{left:134px!important}#stop_share_modal .cs-file-box-1 .csfb1-head-1{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#stop_share_modal .modal-content{border-radius:20px;width:610px}#stop_share_modal form{display:flex;flex-direction:column;gap:15px;width:100%}#stop_share_modal .cs-padding-1{padding:0 20%!important;width:100%}#stop_share_modal #reason-end-text{height:105px}#stop_share_modal .modal-header{border:none;padding-bottom:0}#stop_share_modal .modal-body{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 10px 30px}#stop_share_modal .modal-body .cs-modal-title{color:#696969;font-size:20px;font-weight:700;line-height:28px;text-align:center}#stop_share_modal .modal-body .cs-modal-desc{color:#696969;font-size:16px;line-height:24px;text-align:center}#stop_share_modal .cs-modal-btn-group{display:flex;gap:20px;justify-content:center}#stop_share_modal .cs-modal-btn-group button{flex:1}.cs-info-box-red{align-items:center;background:#ffefef;color:#e04149;display:flex;gap:15px;margin-bottom:25px;padding:15px}.cs-info-box-red .cs-info-box-red-text{color:#e04149;font-size:16px;line-height:24px;margin:0}.cs-info-box-red i{color:#e04149;font-size:27px}.cs-primary-radius-btn{align-items:center;background-color:#401fe5;border:1px solid transparent;border-radius:20px;color:#fff;display:flex;font-weight:700;margin:0 auto;max-width:275px;padding:8px 25px 8px 15px;transition:all .5s;width:-moz-fit-content;width:fit-content;width:100%}.cs-primary-radius-btn:hover{background-color:#fff;border:1px solid #401fe5;color:#401fe5;transition:all .5s}.cs-green-radius-btn{align-items:center;background-color:#35d634;border:1px solid transparent;border-radius:20px;color:#fff;display:flex;font-weight:700;justify-content:space-between;margin:0 auto;max-width:275px;padding:8px 25px 8px 15px;transition:all .5s;white-space:nowrap;width:100%}.cs-green-radius-btn span{justify-self:center;margin-right:calc(50% - 40px)!important}.cs-green-radius-btn:hover{background-color:#fff;border:1px solid #35d634;color:#35d634;transition:all .5s}.cs-yellow-radius-btn{align-items:center;background-color:#ffb100;border:1px solid transparent;border-radius:20px;color:#fff;display:flex;font-weight:700;justify-content:space-between;margin:0 auto;max-width:275px;padding:8px 25px 8px 15px;transition:all .5s;white-space:nowrap;width:100%}.cs-yellow-radius-btn:hover{background-color:#fff;border:1px solid #ffb100;color:#ffb100;transition:all .5s}.cs-rent-list-2{padding:15px 0 0!important}.cs-rent-list-2 ul{margin:15px}.cs-rent-list-2 ul li{padding:10px 0!important}.cs-rent-list-2 ul li:last-child{border:none!important}.cs-rent-list{background:#fff;border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;padding:15px}.cs-rent-list ul{list-style:none;padding:0}.cs-rent-list ul .cs-rent-content{border-bottom:1px solid #ededed;display:flex;justify-content:space-between;padding:15px 0}.cs-rent-list ul .cs-rent-content .cs-rent-title{color:#838383;font-size:16px;line-height:24px}.cs-rent-list ul .cs-rent-content .cs-rent-desc{color:#041614;font-size:16px;font-weight:600;line-height:24px}.cs-rent-end-area-1{background-color:#cfefbe;border-radius:0 0 20px 20px;display:flex;justify-content:center;padding:15px}.cs-rent-end-area-1 span{color:#272727;font-size:16px;font-weight:600;line-height:24px;position:relative}.cs-rent-end-area-1 span:before{background-color:#52be19;border-radius:50%;content:"";display:block;height:22px;left:-35px;position:absolute;top:50%;transform:translateY(-50%);width:22px}.cs-rent-end-area-2{background-color:#ffefef;border-radius:0 0 20px 20px;display:flex;justify-content:center;padding:15px}.cs-rent-end-area-2 span{color:#e04149;font-size:16px;font-weight:600;line-height:24px;position:relative}.cs-rent-end-area-2 span:before{background-color:#e04149;border-radius:50%;content:"";display:block;height:22px;left:-35px;position:absolute;top:50%;transform:translateY(-50%);width:22px}.cs-rent-list-pay .cs-pay-info-buttons{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.cs-rent-list-pay .cs-pay-info-buttons button{margin:0!important}.cs-rent-list-pay .cs-pay-info-buttons .cs-pay-info-text-1{align-items:center;display:flex}.cs-rent-list-pay .cs-pay-info-buttons .cs-pay-info-text-1 span{color:#272727;font-size:16px;line-height:24px}.cs-rent-list-pay .cs-pay-info-buttons .cs-pay-info-text-1 i{color:#7287fd;font-size:22px}.cs-pay-info-area{padding:0 15px}.cs-pay-info-area .cs-pay-info-title{font-size:16px;font-weight:700;line-height:24px;margin:30px 0 10px}.cs-pay-info-area ul{list-style:none;padding:0;width:100%}.cs-pay-info-area ul .cs-rent-content{display:flex;font-size:16px;font-weight:600;justify-content:space-between;line-height:24px;padding:5px 0;width:100%}.cs-pay-info-area ul .cs-rent-content:last-child{font-weight:700}.cs-pay-info-area .cs-dotted-line{border-bottom:1px dashed #696969;display:block;margin-bottom:15px;padding-bottom:15px;width:100%}.cs-completed-disc-1{color:#13b212;font-size:16px;font-weight:600;line-height:24px;padding-left:30px;position:relative}.cs-completed-disc-1:before{background:#52be19;border-radius:50%;content:"";display:block;height:22px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:22px}.cs-cancelled-disc-1{color:#ff081b;font-size:16px;font-weight:600;line-height:24px;padding-left:30px;position:relative}.cs-cancelled-disc-1:before{background:#ff081b;border-radius:50%;content:"";display:block;height:22px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:22px}.cs-in-usage-now-disc-1{color:#401fe5;font-size:16px;font-weight:600;line-height:24px;padding-left:30px;position:relative}.cs-in-usage-now-disc-1:before{background:#401fe5;border-radius:50%;content:"";display:block;height:22px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:22px}.cs-pay-info-area-2 .cs-pay-info-area-3{background:#f6fdfd;margin:30px 0;padding:15px 30px}.cs-pay-info-area-2 .nav-tabs{background-color:#fff;border-bottom:1px solid #707070;gap:20px;width:-moz-fit-content!important;width:fit-content!important}.cs-pay-info-area-2 .nav-tabs .nav-item .nav-link{background:transparent;border:none}.cs-pay-info-area-2 .nav-tabs .nav-item .nav-link.active{background:transparent;border:none;position:relative}.cs-pay-info-area-2 .nav-tabs .nav-item .nav-link.active:after{background-color:#27c1b2;border-radius:4px;bottom:-3px;content:"";display:block;height:6px;left:5px;position:absolute;width:80px}.cs-main-comment-area-1{align-items:center;display:flex;gap:10px}.cs-main-comment-area-1 i{background:#eaecf4;border-radius:50%;color:#401fe5;font-size:22px;padding:5px}.cs-main-comment-area-1 .cs-comment-area-text-1{color:#401fe5;font-size:16px;font-weight:700;line-height:24px;margin:0;text-decoration:underline}.cs-main-comment-area-2{border:1px solid hsla(0,0%,93%,.447);border-radius:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;gap:20px;margin:20px 0;padding:20px}.cs-main-comment-area-2 .cs-comment-img-1{border-radius:50%;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.cs-main-comment-area-2 .cs-star-name-text{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:100%}.cs-main-comment-area-2 .cs-star-name-text .cs-comment-name-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-main-comment-area-2 .cs-star-name-text i{color:#f0c76a;font-size:18px}.cs-main-comment-area-2 .cs-star-name-text .cs-comment-date-text-1{color:#696969;font-size:14px}.cs-main-comment-area-2 .cs-comment-descr-1{color:#696969;font-size:16px;line-height:24px}.cs-rent-bill-main-1{margin:30px 0}.cs-rent-bill-main-1 .cs-rent-bill-content{border:1px solid #eaecf4;border-radius:12px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.cs-rent-bill-main-1 .cs-rent-bill-content .cs-textbox-1{align-items:center;border-bottom:1px solid #ededed;display:flex;justify-content:space-between;padding:25px 20px;width:100%}.cs-rent-bill-main-1 .cs-rent-bill-content .cs-textbox-1 i{color:#696969;font-size:20px;margin-left:10px}.cs-rent-bill-main-1 .cs-rent-bill-content .cs-textbox-1 .cs-title-1{color:#041614;font-size:16px;font-weight:700;line-height:24px;margin:0}.cs-rent-bill-main-1 .cs-rent-bill-content .cs-rent-list-1{padding:25px 20px 0}.cs-rent-bill-main-1 .cs-rent-bill-content .cs-rent-list-1 li{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px;width:100%}.cs-rent-bill-main-1 .cs-rent-bill-content .cs-rent-list-1 li .cs-value-1{color:#272727;font-size:16px;line-height:24px}.cs-rent-bill-main-1 .cs-rent-bill-content .cs-rent-list-1 li .cs-response-1{color:#272727;font-size:16px;font-weight:600;line-height:24px}.cs-rent-bill-btn-1{max-width:320px;width:100%}.cs-apply-form-btn,.cs-apply-form-btn-2,.cs-apply-form-btn3{cursor:not-allowed;max-width:320px;opacity:.5;pointer-events:none;width:100%}.cs-apply-form-btn-2.active,.cs-apply-form-btn.active,.cs-apply-form-btn3.active{cursor:pointer;opacity:1!important;pointer-events:visible!important}.cs-rent-bill-main-2 .cs-title-1{border-bottom:1px solid #ededed;color:#041614;display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:24px;margin:20px 0;padding-bottom:10px;width:100%}.cs-rent-bill-main-2 .cs-rent-content-1{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:630px;width:100%}.cs-rent-bill-main-2 .cs-rent-content-1 .cs-content-item{align-items:center;border:1px solid #696969;border-radius:12px;color:#041614;cursor:pointer;display:flex;font-size:16px;justify-content:center;line-height:24px;max-width:105px;padding:15px 25px;transition:all .5s}.cs-rent-bill-main-2 .cs-rent-content-1 .cs-content-item.active{background:#27c1b2;border:1px solid transparent;color:#fff;transition:all .5s}.cs-rent-bill-main-2 .cs-rent-content-2{margin:30px auto;max-width:325px;width:100%}.cs-rent-bill-main-2 .cs-rent-content-2 .cs-rent-list-2{list-style:none;padding:0}.cs-rent-bill-main-2 .cs-rent-content-2 .cs-rent-list-2 li{border-bottom:1px solid #ededed;display:flex;justify-content:space-between;padding:15px 0;width:100%}.cs-rent-bill-main-2 .cs-rent-content-2 label{font-weight:600}.cs-rent-bill-main-2 .cs-rent-content-2 #form_bill_1{align-items:center;border:.5px solid #272727;border-radius:14px;color:#041614;display:flex;font-size:16px;font-weight:400;height:50px;line-height:24px;padding:5px 20px;transition:all .2s ease}.cs-continue-modal-content{height:0;margin:0 auto;max-width:320px;opacity:0;visibility:hidden;width:100%}.cs-continue-modal-content.active{height:auto;opacity:1;visibility:visible}.cs-accept-modal-content{align-items:center;display:flex;flex-direction:column;gap:15px;height:0;opacity:0;transition:all .5s;visibility:hidden}.cs-accept-modal-content .cs-accept-modal-title{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px}.cs-accept-modal-content .cs-accept-modal-desc{color:#696969;font-size:16px;font-weight:600;line-height:24px;max-width:330px;text-align:center;width:100%}.cs-accept-modal-content.active{transition:all .5s}.cs-accept-modal-content.active,.cs-modal-iframe{height:auto;opacity:1;visibility:visible}.cs-modal-iframe.deactive{height:0!important;opacity:0;visibility:hidden}#form_description_1{height:100px;resize:none}.cs-profile-detail-wp-sec-1{display:none;flex-direction:column}.cs-profile-detail-wp-sec-1.active{display:flex}.cs-profile-wp-title{color:#041614;font-size:18px;font-weight:700;line-height:26px;margin-bottom:25px}.cs-profile-detail-wp-sec-2{align-items:center;display:none;flex-direction:column;width:100%}.cs-profile-detail-wp-sec-2.active{display:flex;transition:all .5s}.cs-profile-detail-wp-sec-2 .cs-templ-area-1{padding:0}.cs-profile-detail-wp-sec-2 .cs-continue-btn-1{cursor:not-allowed;margin:50px 0!important;max-width:320px;opacity:.5;pointer-events:none;width:100%}.cs-profile-detail-wp-sec-2 .cs-continue-btn-1.active{cursor:pointer;opacity:1!important;pointer-events:visible!important}.cs-profile-detail-wp-sec-2 .cs-checkbox-1{color:#272727;font-size:16px;font-weight:600;line-height:24px}.cs-profile-detail-wp-sec-2 .cs-profile-detail-wp-left{background-color:#fff;border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:100%;padding:25px 75px}.cs-profile-detail-wp-sec-2 .cs-profile-detail-wp-left form{margin:0 auto;max-width:320px;width:100%}.cs-profile-detail-wp-sec-2 .cs-profile-detail-wp-right{background-color:#f6fdfd;border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:100%;padding:25px 0}.cs-profile-detail-wp-sec-2 .cs-table-check{accent-color:#1b998d;border:1px solid #27c1b2;border-radius:4px;height:22px!important;margin:0!important;width:22px}.cs-profile-detail-wp-sec-2 .cs-table-check-1{color:#272727;cursor:pointer;font-size:16px;font-weight:600;line-height:24px;margin:0!important}.cs-profile-detail-wp-sec-2 .cs-continue-btn-1{margin:0 auto;max-width:310px}.cs-profile-detail-wp-sec-3{align-items:center;flex-direction:column;width:100%}.cs-profile-detail-wp-sec-3.active{display:flex;transition:all .5s}.cs-profile-detail-wp-sec-3 .cs-sec-3-container{margin:0 auto;max-width:320px;width:100%}.cs-profile-detail-wp-sec-3 .cs-continue-btn-2{margin:25px 0 50px!important;max-width:310px;opacity:.5;pointer-events:none;width:100%}.cs-profile-detail-wp-sec-3 .cs-continue-btn-2.active{cursor:pointer;opacity:1!important;pointer-events:visible!important}.cs-profile-detail-wp-sec-3 .date-box-1 label:before{bottom:11px!important;left:22px!important}.cs-profile-detail-wp-sec-3 .cs-work-plan-input{accent-color:#1b998d!important;border:1px solid #27c1b2!important;border-radius:4px!important;height:22px!important;margin:0!important;width:22px!important}.cs-profile-detail-wp-sec-3 .cs-work-plan-input:active,.cs-profile-detail-wp-sec-3 .cs-work-plan-input:focus{box-shadow:none!important}.cs-profile-detail-wp-sec-3 .cs-work-plan-label{padding-left:35px}.cs-profile-detail-wp-sec-3 .cs-work-plan-container{margin:0 auto;max-width:320px;width:100%}.cs-profile-detail-wp-sec-4{align-items:center;display:none;flex-direction:column;padding:0 15px;width:100%}.cs-profile-detail-wp-sec-4.active{display:flex}.cs-profile-detail-wp-sec-4 .cs-template-btn-1{margin:50px 0!important;max-width:310px;width:100%}.cs-profile-detail-wp-sec-4 .cs-pd4-main{display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-bottom:30px;width:100%}.cs-profile-detail-wp-sec-4 .cs-pd4-main .cs-pd4-item{align-items:center;border-radius:12px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;justify-content:space-between;padding:20px}.cs-profile-detail-wp-sec-4 .cs-pd4-main .cs-pd4-item .cs-edit-delete-btn-group{display:flex;flex-direction:column}.cs-profile-detail-wp-sec-4 .cs-pd4-main .cs-pd4-item .cs-edit-delete-btn-group .cs-editbtn{color:#696969}.cs-profile-detail-wp-sec-4 .cs-pd4-main .cs-pd4-item .cs-title-1{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-profile-detail-wp-sec-4 .cs-pd4-main .cs-pd4-item .cs-title-1 i{color:#401fe5;font-size:20px}.cs-profile-detail-wp-table .cs-table-btn i{color:#007aff;font-size:22px}.cs-profile-detail-wp-table td{border:none!important}.cs-profile-detail-wp-table tbody th,.cs-profile-detail-wp-table tbody tr,.cs-profile-detail-wp-table thead th,.cs-profile-detail-wp-table thead tr{border:none!important;text-align:center}.cs-back-btn{color:#041614;font-size:16px;font-weight:600;line-height:24px}.cs-back-btn:hover{color:#401fe5}.cs-item-yellow{color:#efa036;font-size:27px}.cs-item-red{color:#e04149;font-size:27px}.cs-item-bg-red{background:#ffefef}.cs-item-bg-yellow{background:#ffba00}.cs-item-bg-blue{background:#007aff}.cs-item-blue{color:#007aff;font-size:27px}.cs-item-green{color:#35d634;font-size:27px}.cs-item-bg-green{background:#cfefbe}.cs-mission-list-count{align-items:center;border-radius:14px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;height:70px;justify-content:center}.cs-mission-list-count .cs-mission-list-item{align-items:center;display:flex;flex:1;gap:5px;height:100%;justify-content:center;position:relative;width:100%}.cs-mission-list-count .cs-mission-list-item.active{background:#e7f2f2}.cs-mission-list-count .cs-mission-list-item:before{background:#696969;content:"";display:block;height:24px;position:absolute;right:0;top:50%;transform:translate(-50%,-50%);width:1px}.cs-mission-list-count .cs-mission-list-item:last-child:before{content:none}.cs-mission-list-count .cs-mission-list-item .cs-item-title-1{color:#272727;font-size:16px;line-height:24px;margin:0}.cs-mission-list-count .cs-mission-list-item .cs-item-title-2{color:#272727;font-size:16px;font-weight:700;line-height:24px;margin:0}.cs-mission-choise-1{align-items:center;display:flex;gap:10px;justify-content:flex-start;max-width:650px;overflow:hidden;overflow-x:auto;padding-bottom:15px;width:100%}.cs-mission-choise-1::-webkit-scrollbar-track{background-color:#f0edff;border-radius:10px}.cs-mission-choise-1::-webkit-scrollbar{height:2px}.cs-mission-choise-1::-webkit-scrollbar-thumb{background-color:#7287fd;border-radius:10px}.cs-mission-choise-1 .cs-content-item{border:1px solid #696969;border-radius:10px;color:#696969;font-size:16px;line-height:24px;padding:8px 15px;white-space:nowrap}.cs-mission-choise-1 .cs-content-item.active{background-color:#eaecf4;border:1px solid #401fe5;color:#401fe5;font-weight:600}.cs-mission-choise-main-1{display:grid;gap:25px;grid-template-columns:repeat(2,1fr);padding:0 15px;width:100%}.cs-mission-choise-main-1 .cs-mission-choise-list-1{align-items:center;background-color:#fff;border:1px solid #eaecf4;border-radius:12px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;padding-right:25px;width:100%}.cs-mission-choise-main-1 .cs-mission-choise-list-1 .cs-item-left{align-items:center;border-radius:12px 0 0 12px;display:flex;height:100%;justify-content:center;padding:25px;position:relative}.cs-mission-choise-main-1 .cs-mission-choise-list-1 .cs-item-left:after{background:#eaecf4;content:"";display:block;height:100%;position:absolute;right:0;top:0;width:1px}.cs-mission-choise-main-1 .cs-mission-choise-list-1 .cs-list{list-style:none;padding:25px 25px 25px 15px;width:100%}.cs-mission-choise-main-1 .cs-mission-choise-list-1 .cs-list li{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.cs-mission-choise-main-1 .cs-mission-choise-list-1 .cs-list li .cs-title-1{color:#696969;font-size:16px;line-height:24px}.cs-mission-choise-main-1 .cs-mission-choise-list-1 .cs-list li .cs-title-2{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-mission-choise-main-1 .cs-mission-choise-list-1 .cs-list li .cs-title-3{color:#041614;font-size:16px;font-weight:600;line-height:24px}.cs-cd-missions-1,.cs-cd-sec-1{display:flex;flex-direction:column}.cs-cd-missions-1.deactive,.cs-cd-sec-1.deactive{display:none!important}.cs-cd-missions-2.active,.cs-cd-sec-2.active,.cs-cd-sec-3.active,.cs-stc-sec-2.active{display:flex;flex-direction:column}.cs-form-cdm .date-box-1 label:before{left:18px}#car-photo-add-modal .cs-damage-btn-group,#damage_area_modal .cs-damage-btn-group{margin:30px auto;max-width:310px}#car-photo-add-modal .modal-header,#damage_area_modal .modal-header{border-bottom:0!important;padding-bottom:0!important}#car-photo-add-modal .modal-body,#damage_area_modal .modal-body{padding-top:0!important}#car-photo-add-modal .modal-footer,#damage_area_modal .modal-footer{justify-content:center}#car-photo-add-modal .modal-content,#damage_area_modal .modal-content{border-radius:18px;min-width:610px;width:-moz-max-content;width:max-content}#car-photo-add-modal .modal-dialog,#damage_area_modal .modal-dialog{margin:0 auto;max-width:610px;padding:15px}#car-photo-add-modal #damage_area_modal_label,#damage_area_modal #damage_area_modal_label{color:#0c0c0c;font-size:20px;font-weight:700;line-height:28px;margin-bottom:15px;text-align:center}#car-photo-add-modal .cs-hasar-bolgesi-main,#damage_area_modal .cs-hasar-bolgesi-main{background-repeat:no-repeat;background-size:cover;border:1px solid #000;display:flex;flex-wrap:wrap;height:652px;margin:0 auto;max-width:410px;width:100%}#car-photo-add-modal .cs-hasar-bolgesi-main .form-check,#damage_area_modal .cs-hasar-bolgesi-main .form-check{border-bottom:1px solid #401fe5;padding:0;width:30%}#car-photo-add-modal .cs-hasar-bolgesi-main .form-check:nth-child(3n+2),#damage_area_modal .cs-hasar-bolgesi-main .form-check:nth-child(3n+2){border:1px solid #401fe5;border-top:none;width:40%!important}#car-photo-add-modal .cs-hasar-bolgesi-main .form-check:nth-child(n+7),#damage_area_modal .cs-hasar-bolgesi-main .form-check:nth-child(n+7){border-bottom:none}#car-photo-add-modal .cs-hasar-bolgesi-main .form-check .cs-choose-check,#damage_area_modal .cs-hasar-bolgesi-main .form-check .cs-choose-check{display:none}#car-photo-add-modal .cs-hasar-bolgesi-main .form-check label,#damage_area_modal .cs-hasar-bolgesi-main .form-check label{cursor:pointer;height:100%;width:100%}#car-photo-add-modal .cs-hasar-bolgesi-main .form-check .form-check-input,#damage_area_modal .cs-hasar-bolgesi-main .form-check .form-check-input{cursor:pointer;display:none}#car-photo-add-modal .cs-hasar-bolgesi-main .form-check .form-check-input:checked+label,#damage_area_modal .cs-hasar-bolgesi-main .form-check .form-check-input:checked+label{background:rgba(39,193,178,.5);background:linear-gradient(180deg,rgba(39,193,178,.5),rgba(40,180,181,.5) 19%,rgba(46,147,192,.5) 38%,rgba(54,94,209,.5) 71%,rgba(64,31,229,.5))}#car-photo-add-modal .cs-hasar-bolgesi-main .form-check .form-check-input:checked+label .cs-choose-check,#damage_area_modal .cs-hasar-bolgesi-main .form-check .form-check-input:checked+label .cs-choose-check{align-items:center;display:block;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:65%;transform:translate(-50%,-50%)}#car-photo-add-modal .cs-hasar-bolgesi-main .form-check .form-check-input:checked+label .cs-choose-check .cs-cc-text,#damage_area_modal .cs-hasar-bolgesi-main .form-check .form-check-input:checked+label .cs-choose-check .cs-cc-text{color:#fff;font-size:16px;font-weight:700;line-height:24px}.js-next:not(.active){display:none!important}.csfb1-pdf-d-2{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:.5px solid #ededed;border-radius:8px;min-height:40px}.csfb1-pdf-d-2 canvas{border-radius:8px;width:100%}.cs-file-box-2 .form-control:-moz-read-only{background-color:#fff;cursor:not-allowed;opacity:0!important;pointer-events:none}.cs-file-box-2 .form-control:disabled,.cs-file-box-2 .form-control:read-only{background-color:#fff;cursor:not-allowed;opacity:0!important;pointer-events:none}.cs-wbg-head-second{display:none!important}.cs-wbg-head-second.active{display:flex!important}.js-back-btn{color:#27c1b2;display:none!important;margin-bottom:20px}.js-back-btn.active{display:flex!important}.cs-car-btn-group{display:none!important}.cs-car-btn-group.active{display:flex!important}.cs-damage-photos-main{display:flex;gap:20px;justify-content:center}.cs-damage-photos-main .cs-damage-p-left{flex:1}.cs-damage-photos-main .cs-damage-p-left .cs-g-file-main{background-position:50%;background-repeat:no-repeat;background-size:cover;height:370px;margin:0!important;width:400px}.cs-damage-photos-main .cs-damage-p-left .cs-g-file-main input{height:100%;width:100%}.cs-damage-photos-main .cs-damage-p-right{display:grid;flex:1;gap:20px;grid-template-columns:repeat(2,1fr)}.cs-damage-photos-main .cs-damage-p-right .cs-upload-container-1 .csuc1-desc-1{font-size:45px!important}.cs-damage-photos-main .cs-damage-p-right .cs-g-file-main{background-position:50%;background-repeat:no-repeat;background-size:cover;height:175px;margin:0!important;width:190px}.cs-damage-photos-main .cs-damage-p-right .cs-g-file-main input{height:100%;width:100%}.cs-add-more-car,.cs-add-more-car-2{display:none}.cs-add-more-car-2.active,.cs-add-more-car.active{align-items:baseline;display:flex;justify-content:flex-end;margin-top:10px}.cs-car-photo-list{display:grid;gap:15px;grid-template-columns:repeat(3,1fr);width:100%}.cs-car-photo-list .cs-list-item{background-size:cover;border-radius:14px;height:120px;position:relative}.cs-car-photo-list .cs-list-item .cs-delete-car-p{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s;visibility:hidden;width:40px}.cs-car-photo-list .cs-list-item .cs-delete-car-p i{color:#696969;font-size:17px}.cs-car-photo-list .cs-list-item:hover:after{background-color:#041614;border-radius:14px;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.cs-car-photo-list .cs-list-item:hover .cs-delete-car-p{opacity:1;transition:all .5s;visibility:visible;z-index:2}.cs-damage-photos-main-2 .cs-damage-mod-title{color:#041614;font-size:16px;font-weight:700;line-height:24px}.cs-damage-photos-main-2 .cs-damage-mod-desc{color:#83908e;font-size:16px;font-weight:600;line-height:24px}.cs-damage-photos-main-2 textarea{border-color:#83908e;border-radius:14px;color:#83908e;height:100px!important;margin-top:10px;opacity:.5;resize:none}.cs-map-box-main{display:flex;position:relative}.cs-map-box-main .cs-map-info-box{align-items:center;background:#fff;border-radius:10px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;height:90px;left:50%;max-width:660px;position:absolute;top:50px;transform:translateX(-50%);width:100%}.cs-map-box-main .cs-map-info-box .cs-text{color:#272727;font-size:18px;font-weight:600;line-height:26px;margin:0;padding:30px 30px 30px 20px}.cs-map-box-main .cs-border-left-area{background:#27c1b2;background:linear-gradient(180deg,#27c1b2,#28b4b5 19%,#2e93c0 38%,#365ed1 71%,#401fe5);border-radius:10px 0 0 10px;height:100%;width:24px}.cs-form-2 .form-group{margin-bottom:20px}.cs-form-2 .invalid-feedback{padding:5px 20px}.cs-form-2 ::-moz-placeholder{color:hsla(0,0%,41%,.5)}.cs-form-2 ::placeholder{color:hsla(0,0%,41%,.5)}.cs-form-2 input:not([type=checkbox]),.cs-form-2 input:not([type=submit]),.cs-form-2 select{border:.5px solid #696969;border-radius:14px;color:#041614;font-size:16px;font-weight:400;height:50px;line-height:24px;padding:5px 20px;transition:all .2s ease}.cs-form-2 input:not([type=checkbox]):focus,.cs-form-2 input:not([type=submit]):focus,.cs-form-2 select:focus{outline:none}.cs-form-2 .form-control:-moz-read-only{background-color:#fff;cursor:not-allowed}.cs-form-2 .form-control:disabled,.cs-form-2 .form-control:read-only{background-color:#fff;cursor:not-allowed}.cs-form-2 textarea{border:.5px solid #696969;border-radius:14px;color:#041614;font-size:16px;font-weight:400;line-height:26px;padding:15px 20px;resize:none;transition:all .2s ease}.cs-form-2 textarea:focus{border-color:#27c1b2;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);outline:none}.cs-form-2 .info-text-1{color:#041614;font-size:16px;font-weight:600;line-height:26px;margin-bottom:20px}.cs-form-2 .info-text-1 a{color:#401fe5;font-weight:700;text-decoration:underline!important}.cs-form-2 .info-text-1 a:hover{text-decoration:none!important}.cs-form-2 .date-box-1{position:relative}.cs-form-2 .date-box-1 label:before{bottom:15px;color:#696969;content:"\e94f";font-family:bain!important;font-size:20px;left:10px;position:absolute;z-index:1}.cs-form-2 .date-box-1 input{padding-left:45px}.cs-form-2 .date-i-1 label:before{color:#696969;content:"\e94f";font-family:bain!important;font-size:23px;left:15px;position:absolute;top:48px}.cs-form-2 .date-i-1 input{padding-left:40px}.cs-duo-datepicker label:before{bottom:11px!important;left:14px!important}.cs-new-mis-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.cs-new-mis-form .select2-selection__rendered,.cs-new-mis-form input:not([type=submit]),.cs-new-mis-form select{opacity:.5}.cs-car-btn-group-2{align-items:center;display:flex;gap:10px;justify-content:space-between}.cs-car-btn-group-2 .cs-first-car{align-items:center;background-color:#fff;border:1px solid #27c1b2;border-radius:12px;color:#27c1b2;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.2px;line-height:22px;min-height:44px;min-width:145px;padding:5px 20px;text-align:center;transition:all .3s ease}.cs-car-btn-group-2 .cs-first-car:hover{box-shadow:0 4px 6px 0 rgba(39,193,178,.65);color:#27c1b2}.cs-car-btn-group-2 button{flex:1}.cs-car-btn-group-2.active{display:flex!important}#cs-calendar-1{background:#f6fdfd;border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.1);margin:0 auto;overflow:hidden;padding:10px;transform:translateZ(0);width:100%}#cs-calendar-1 .cs-header{height:50px;margin:0 auto;position:relative;text-align:center;width:100%;z-index:100}#cs-calendar-1 .cs-header h1{color:#272727;font-size:20px;font-weight:100;font-weight:700;letter-spacing:1px;line-height:50px;margin:0;padding:0}#cs-calendar-1 .cs-left{border-color:transparent #272727 transparent transparent;border-style:solid;border-width:7.5px 10px 7.5px 0;left:20px}#cs-calendar-1 .cs-left,#cs-calendar-1 .cs-right{color:#272727;cursor:pointer;height:0;margin-top:-7.5px;position:absolute;top:50%;width:0}#cs-calendar-1 .cs-right{border-color:transparent transparent transparent #272727;border-style:solid;border-width:7.5px 0 7.5px 10px;right:20px}#cs-calendar-1 .month{margin-top:45px;opacity:0}#cs-calendar-1 .month.new{-webkit-animation:fadeIn 1s ease-out;opacity:1}#cs-calendar-1 .month.in.prev{animation:moveFromBottomFadeMonth .4s ease-out;opacity:1}#cs-calendar-1 .month.in.next{animation:moveFromTopFadeMonth .4s ease-out;opacity:1}#cs-calendar-1 .month.out.prev{animation:moveToBottomFadeMonth .4s ease-in;opacity:1}#cs-calendar-1 .month.out.next{animation:moveToTopFadeMonth .4s ease-in;opacity:1}#cs-calendar-1 .week{width:100%}#cs-calendar-1 .day{cursor:pointer;display:inline-block;padding:10px;position:relative;text-align:center;vertical-align:top;width:14%;z-index:100}#cs-calendar-1 .day .day-events{height:12px;line-height:6px;list-style:none;margin-top:3px;overflow:hidden;text-align:center}#cs-calendar-1 .day .day-events span{border-radius:50%;display:inline-block;height:12px;line-height:5px;margin:0 1px;padding:0;vertical-align:top;width:12px}#cs-calendar-1 .day.other{color:hsla(0,0%,100%,.3)}#cs-calendar-1 .day.today{color:#401fe5}#cs-calendar-1 .day-name{color:hsla(0,0%,100%,.5);font-size:9px;letter-spacing:.7px;margin-bottom:5px;text-transform:uppercase}#cs-calendar-1 .day-number{font-size:16px;letter-spacing:1.5px}#cs-calendar-1 .red{background:#e04149}#cs-calendar-1 .yellow{background:#ffba00}#cs-calendar-1 .details{display:none}#cs-calendar-1 .details.in{animation:moveFromTopFade .5s ease both}#cs-calendar-1 .details.out{animation:moveToTopFade .5s ease both}#cs-calendar-1 .arrow{border-color:transparent transparent #a4a4a4;border-style:solid;border-width:0 5px 5px;height:0;left:50%;margin-left:-2px;position:absolute;top:-5px;transition:all .7s ease;width:0}#cs-calendar-1 .events{height:75px;overflow-x:hidden;overflow-y:auto;padding:7px 0}#cs-calendar-1 .events.in{animation:fadeIn .3s ease both}#cs-calendar-1 .events.out{animation-delay:.3s}#cs-calendar-1 .event{font-size:16px;letter-spacing:.5px;line-height:22px;padding:2px 16px;vertical-align:top}#cs-calendar-1 .event.empty{color:rgba(99,99,99,.2)}#cs-calendar-1 .event-category{display:inline-block;height:10px;margin:6px 0 0;vertical-align:top;width:10px}#cs-calendar-1 .event span{display:inline-block;padding:0 0 0 7px}#cs-calendar-1 .legend{bottom:0;height:30px;line-height:30px;position:absolute;width:100%}#cs-calendar-1 .entry{display:none}.cs-empty-control{align-items:center;display:flex;gap:30px;margin-top:30px;padding:0 20px}.cs-empty-control .cs-fully{align-items:center;color:#272727;display:flex;font-size:16px;gap:5px;line-height:24px;margin:0;padding:0}.cs-empty-control .cs-fully span{background-color:#e04149;border-radius:50%;display:block;height:12px;width:12px}.cs-empty-control .cs-free{align-items:center;color:#272727;display:flex;font-size:16px;gap:5px;line-height:24px;margin:0;padding:0}.cs-empty-control .cs-free span{background-color:#ffba00;border-radius:50%;display:block;height:12px;width:12px}.cs-day-names-row{display:flex;justify-content:space-around;margin:30px 0;width:100%}.cs-day-names-row .day-name-cell{color:#27c1b2;font-size:16px;font-weight:700;line-height:24px}

/*# sourceMappingURL=main.min.css.map */
}

@layer vendor-base {
@media (max-width:1100px){#MernisErrorModal .modal-dialog{left:58%}}@media (min-width:1900px){.cs-homepage-sec-6 .slider-area-1{padding-left:19%}.cs-download-app-row-1 .download-app-i-1{height:640px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{padding-left:18.5%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{right:18.5%}}@media (min-width:1800px) and (max-width:1899px){.cs-homepage-sec-6 .slider-area-1{padding-left:17%}.cs-download-app-row-1 .download-app-i-1{height:620px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{padding-left:17%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{right:17%}}@media (min-width:1700px) and (max-width:1799px){.cs-homepage-sec-6 .slider-area-1{padding-left:15%}.cs-download-app-row-1 .download-app-i-1{height:600px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{padding-left:15%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{right:15%}}@media (min-width:1700px){.cs-slider-1 .logo-m-1{right:-120px}}@media (min-width:1500px) and (max-width:1599px){.cs-homepage-sec-6 .slider-area-1{padding-left:11.5%}.cs-download-app-row-1 .download-app-i-1{height:540px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{padding-left:11.5%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{right:11.5%}}@media (min-width:1400px){.container-2{max-width:1390px}}@media (min-width:1400px) and (max-width:1499px){.cs-homepage-sec-6 .slider-area-1{padding-left:8.5%}.cs-download-app-row-1 .download-app-i-1{height:500px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{padding-left:8.5%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{right:8.5%}}@media (min-width:1366px){.cs-slider-1 .slider-container-1{height:400px}}@media (min-width:1300px) and (max-width:1399px){.cs-main-menu-1 .main-li-1{margin-right:12px}.cs-main-menu-1 .main-li-1 .main-a-1{font-size:15px;padding:32px 7px}.cs-slider-1 .slider-container-2{background-position:120% 100%!important}.cs-homepage-sec-6 .slider-area-1{padding-left:6.5%}.cs-download-app-row-1 .download-app-i-1{height:480px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{padding-left:6.5%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{right:6.5%}}@media (min-width:1260px){.container{max-width:1230px}}@media (min-width:1200px) and (max-width:1299px){.cs-header-row-1 .cshr1-col-1{flex:0 0 225px;max-width:225px}.cs-header-row-1 .cshr1-col-2{flex:0 0 calc(100% - 600px);max-width:calc(100% - 600px)}.cs-header-row-1 .cshr1-col-3{flex:0 0 375px;max-width:375px}.cs-main-menu-1 .main-li-1{margin-right:12px}.cs-main-menu-1 .main-li-1 .main-a-1{font-size:14px;padding:32px 7px}.cs-slider-1 .slider-container-2{background-position:140% 100%!important}.cs-homepage-sec-6 .slider-area-1{padding-left:3.5%}.cs-download-app-row-1 .download-app-i-1{height:450px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-title-1{font-size:38px;line-height:46px}.cs-soon-top-s-1{margin-bottom:50px}.cs-soon-top-s-1 .head-1{font-size:62px;line-height:72px}}@media (min-width:1100px) and (max-width:1366px){.cs-slider-1 .slider-container-1{height:350px}}@media (min-width:1100px) and (max-width:1199px){.cs-main-menu-1 .main-li-1 .main-a-1{font-size:14px;padding:32px 7px}.cs-header-row-1 .cshr1-col-1{flex:0 0 225px;max-width:225px}.cs-header-row-1 .cshr1-col-2{flex:0 0 calc(100% - 600px);max-width:calc(100% - 600px)}.cs-header-row-1 .cshr1-col-3{flex:0 0 375px;max-width:375px}.cs-main-menu-1 .main-li-1{margin-right:12px}.cs-slider-1 .slider-container-2{background-position:140% 100%!important}.cs-homepage-sec-6 .slider-area-1{padding-left:2.5%}.cs-download-app-row-1 .download-app-i-1{height:430px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{padding-left:2.5%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{right:2.5%}.cs-soon-top-s-1{margin-bottom:50px}.cs-soon-top-s-1 .head-1{font-size:62px;line-height:72px}}@media (min-width:1100px){.cs-header-row-2 .cshr2-col-3{display:none}}@media (max-width:1100px){.mobile-overflow-h{overflow:hidden}.cs-header-row-2 .cshr2-col-1{flex:0 0 auto;max-width:none;min-width:72px;width:auto}.cs-header-row-2 .cshr2-col-2{flex:0 0 calc(100% - 275px);max-width:calc(100% - 275px)}.cs-header-row-2 .cshr2-col-3{flex:0 0 70px;max-width:70px}.cs-sticky-header-1{padding:12px 0}}@media (min-width:1024px) and (max-width:1100px){#goTpButton{bottom:60px;right:5px}.cs-header-row-1 .cshr1-col-1{flex:1 1 auto;max-width:none;min-width:0}.cs-header-row-1 .cshr1-col-2{display:none}.cs-header-row-1 .cshr1-col-3{flex:0 0 auto;max-width:none;width:auto;margin-left:auto}.cs-humberge-m-1{display:flex!important}.cs-footer-row-1 .csfr1-col-1{margin-bottom:30px}.cs-footer-row-1 .csfr1-col-2{flex:0 0 calc(33.33333% - 100px);margin-bottom:30px;max-width:calc(33.33333% - 100px)}.cs-slider-1 .slider-container-2{background-position:150% 100%!important;background-size:82%!important}.cs-slider-1 .slider-container-2 .container-2{margin-bottom:150px}.cs-slider-1 .slider-container-1{height:300px!important}.cs-loc-date-d-1 .csld1-col-1{flex:0 0 280px;max-width:280px}.cs-loc-date-d-1 .csld1-col-2{flex:0 0 490px;max-width:490px}.cs-wbg-head-2{font-size:40px;line-height:54px;margin-bottom:30px}.cs-slider-row-1 .cssr1-col-2{padding-left:50px}.cs-slider-row-1 .cssr1-col-3{padding-right:50px}.cs-slider-cont-1 .bg-image-1{right:-35px}.cs-slider-cont-1 .bg-image-1.right{left:-35px}.cs-navTabs-1.nav-tabs .nav-link{font-size:18px;line-height:26px;padding:15px}.cs-homepage-sec-6 .slider-area-1{padding-left:4.5%}.cs-homepage-sec-7 .cs-slider-4.owl-theme .owl-nav{top:-170px}.cs-download-app-row-1 .download-app-i-1{height:400px}.cs-homepage-sec-10 .slider-content-1{padding-top:100px}.cs-login-main-row-1 .cslmr1-col-1,.cs-login-main-row-1 .cslmr1-col-2{flex:0 0 100%;max-width:100%}.cs-login-bg-div-1{min-height:45vh}.cs-login-form-c-1{margin:0 auto;padding:50px 0}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-title-1{font-size:25px;line-height:33px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-title-2{font-size:16px;line-height:24px}.cs-syc-sec-3 .cs-syc-3-box-main{grid-template-columns:repeat(2,1fr)}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2{max-width:500px;right:0}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1{left:0;max-width:500px}.cs-rentcar-row-1 .csrcr1-col-1{flex:0 0 100%;max-width:100%;min-height:1px;order:2}.cs-rentcar-row-1 .csrcr1-col-2{flex:0 0 100%;height:350px;max-width:100%;order:1}.cs-page-filter-d-1 .inner-f-div-1,.cs-page-list-1{margin:0 auto}.cs-page-list-1 .inner-pl-1{max-height:calc(100vh - 660px)}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-middle-area-1{max-height:500px;min-height:500px}.cs-search-locDate-area-1 .inn-cont-1{max-width:930px}.cs-orderSum-row-1 .csorr1-col-1{flex:0 0 calc(100% - 480px);max-width:calc(100% - 480px)}.cs-orderSum-row-1 .csorr1-col-2{flex:0 0 480px;max-width:480px}.cs-account-earning-d-1{right:3rem}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main .cs-image-box-1 img{width:450px}.cs-icon-box-2 .csib2-desc-1{font-size:14px;line-height:22px}.cs-icon-box-2 .csib2-desc-2{font-size:20px;line-height:28px}.cs-account-cars-row-1 .csacr1-col-1{flex:0 0 100%;max-width:100%}.cs-account-cars-row-1 .csacr1-col-2,.cs-account-cars-row-1 .csacr1-col-3{flex:0 0 50%;max-width:50%}.cs-account-cars-search-1{max-width:100%}.cs-account-cars-status-m-1 button{min-width:90px}.cs-account-cars-row-2 .csacr2-col-1{flex:0 0 50%;max-width:50%}#stop_share_modal .cs-padding-1{padding:0 5%!important}.cs-form-1-2 .date-box-1 label:before{left:43px!important}#car-photo-add-modal .modal-dialog,#damage_area_modal .modal-dialog{max-width:-moz-fit-content;max-width:fit-content}.cs-cars-upload-list-1 .cscul1-col-1{flex:0 0 25%;max-width:25%}.cs-car-detail-sec-1 .cs-car-detail-main-1{gap:45px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options{justify-content:flex-start}.cs-soon-top-s-1 .head-1{font-size:60px;line-height:70px}}@media (min-width:1024px){.cs-account-mobile-d-1{display:none}}@media (max-width:1023px){.cs-account-mobile-d-1{display:block}.cs-account-mobile-block{max-height:0;overflow:hidden;transition:max-height .66s cubic-bezier(.52,.16,.24,1)}.cs-account-mobile-block.active{max-height:1000vh}}@media (min-width:768px) and (max-width:1023px){#goTpButton{bottom:60px;right:5px}.cs-header-row-1 .cshr1-col-1{flex:1 1 auto;max-width:none;min-width:0}.cs-header-row-1 .cshr1-col-2{display:none}.cs-header-row-1 .cshr1-col-3{flex:0 0 auto;max-width:none;width:auto;margin-left:auto}.cs-humberge-m-1{display:flex!important}.cs-footer-row-1 .csfr1-col-1{margin-bottom:30px}.cs-footer-row-1 .csfr1-col-2{flex:0 0 calc(50% - 150px);margin-bottom:30px;max-width:calc(50% - 150px)}.cs-slider-1 .slider-container-2{background-position:150% 100%!important;background-size:88%!important}.cs-slider-1 .slider-container-2 .container-2{margin-bottom:150px}.cs-slider-1 .slider-container-1{height:275px!important}.cs-homepage-sec-2{margin-bottom:40px}.cs-loc-date-d-1 .csld1-col-1{flex:0 0 250px;max-width:250px}.cs-loc-date-d-1 .csld1-col-2{flex:0 0 438px;max-width:438px}.cs-loc-date-d-1 .csld1-col-3{flex:0 0 100%;max-width:100%;text-align:center}.cs-loc-date-d-1 .csld1-col-3 .cs-secondary-btn-1{width:100%}.cs-slider-row-1 .cssr1-col-1{flex:0 0 250px;margin:0 auto;max-width:250px}.cs-slider-row-1 .cssr1-col-2{flex:0 0 100%;max-width:100%;padding-left:15px}.cs-slider-row-1 .cssr1-col-3{flex:0 0 100%;max-width:100%;order:1;padding-right:15px}.cs-slider-cont-1 .bg-image-1{right:-35px}.cs-navTabs-1.nav-tabs .nav-link{font-size:18px;line-height:26px;padding:15px}.cs-homepage-sec-6 .slider-area-1{padding-left:5.5%}.cs-homepage-sec-7 .cs-slider-4.owl-theme .owl-nav{top:-220px}.cs-download-app-row-1 .csdar1-col-1,.cs-download-app-row-1 .csdar1-col-2{flex:0 0 100%;max-width:100%}.cs-download-app-row-1 .download-app-i-1{height:470px}.cs-campaign-box-1 .text-div-1 .head-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:20px;line-height:30px;max-height:30px;min-height:30px;overflow:hidden;text-overflow:ellipsis}.cs-blog-content-row-1 .csbcr1-col-1,.cs-blog-content-row-1 .csbcr1-col-2{flex:0 0 100%;max-width:100%}.cs-homepage-sec-10 .slider-content-1{padding-top:85px}.cs-blog-box-1 .image-div-1{background-size:cover!important}.cs-login-main-row-1 .cslmr1-col-1,.cs-login-main-row-1 .cslmr1-col-2{flex:0 0 100%;max-width:100%}.cs-login-bg-div-1{min-height:45vh}.cs-login-form-c-1{margin:0 auto;padding:50px 0}.cs-signal-cont-1 .cssc1-d-1 .cssc1d1-inn-1{right:-25vw}.cs-rentcar-row-1 .csrcr1-col-1{flex:0 0 100%;max-width:100%;min-height:1px;order:2}.cs-rentcar-row-1 .csrcr1-col-2{flex:0 0 100%;height:275px;max-width:100%;order:1}.cs-page-filter-d-1 .inner-f-div-1,.cs-page-list-1{margin:0 auto}.cs-page-list-1 .inner-pl-1{max-height:85vh}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-middle-area-1{max-height:500px;min-height:500px}.cs-search-locDate-area-1 .inn-cont-1{padding:0 15px}.cs-orderSum-row-1 .csorr1-col-1{flex:0 0 100%;margin-bottom:25px;max-width:100%}.cs-account-m-row-1 .csamr1-col-1,.cs-account-m-row-1 .csamr1-col-2,.cs-orderSum-row-1 .csorr1-col-2{flex:0 0 100%;max-width:100%}.cs-address-box-1{margin-left:0;margin-right:0}.cs-account-earning-d-1{right:2.5rem}.cs-icon-box-2 .csib2-desc-1{font-size:14px;line-height:22px}.cs-icon-box-2 .csib2-desc-2{font-size:20px;line-height:28px}.cs-account-cars-row-1 .csacr1-col-1{flex:0 0 100%;max-width:100%}.cs-account-cars-row-1 .csacr1-col-2,.cs-account-cars-row-1 .csacr1-col-3{flex:0 0 50%;max-width:50%}.cs-account-cars-search-1{max-width:100%}.cs-account-cars-status-m-1 button{min-width:100px}.cs-profile-detail-wp-left{padding:25px!important}.cs-modal-5 .cs-damage-photos-main{flex-wrap:wrap}.cs-modal-5 .cs-damage-photos-main .cs-damage-p-left{flex:0 0 100%;max-width:100%}.cs-modal-5 .cs-damage-photos-main .cs-damage-p-left .cs-g-file-main{margin:0 auto!important}.cs-modal-5 .cs-damage-photos-main .cs-damage-p-right{flex:0 0 100%;max-width:100%}.cs-modal-5 .cs-damage-photos-main .cs-damage-p-right .cs-g-file-main{margin:0 auto!important}.cs-cars-wp-row-1 .cscwpr1-col-1,.cs-cars-wp-row-1 .cscwpr1-col-2{flex:0 0 100%;max-width:100%}.cs-soon-top-s-1 .head-1{font-size:62px;line-height:72px}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1{padding:25px 0}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1{align-items:center;display:flex;flex-direction:column;gap:17px;padding:10px 0}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1:last-child{flex-direction:column-reverse}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-imagebox-1{flex:1}.cs-career-sec-2 .cs-career-advert-itembox-1 .cs-career-advert-item{border-radius:25px!important}.cs-career-sec-2 .cs-career-advert-itembox-1 .cs-career-advert-item .cs-item-info-1{flex-direction:column;gap:10px}.cs-career-sec-2 .cs-career-advert-itembox-1 .cs-career-advert-item .cs-item-info-1 span.cs-desc-1{text-align:left!important}.cs-career-detail-sec-1 .cs-career-detail-text-wrapper .cs-cd-text-top-1 .cs-item-info-1{display:flow-root}.cs-car-detail-sec-1 .cs-car-detail-main-1{flex-direction:column}.cs-car-detail-sec-1 .cs-cd-infobox-1 .cs-cd-feature-1{flex-wrap:wrap}.cs-form-1-2 .date-box-1 label:before{left:42px!important}#stop_share_modal .modal-content{width:100%!important}#stop_share_modal .cs-padding-1{padding:0 5%!important}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main{gap:20px}.cs-p-arabanipaylas-sec-main .cs-arabani-pay-bry-1-main .cs-image-box-1 img{width:300px}.cs-p-arabanipaylas-sec-main .cs-primary-checkbox-1 .cs-primary-label{font-size:14px}.cs-car-detail-main-area .cs-car-main{grid-template-columns:repeat(3,1fr)}.cs-p-vehicle-arrangement{padding:0 20px}.cs-p-campaign-sec-1 .cs-sec-campaign-main{flex-direction:column}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-textbox{order:2}.cs-p-blog-sec-1{padding:0}.cs-p-blogdetail-sec-1 .cs-blog-detail-image{max-width:100%}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-main{margin-bottom:100px}.cs-syc-sec1 .cs-syc-sec-1-title{margin-bottom:25px;text-align:center}.cs-syc-sec1 .cs-syc-1-main{margin:30px 0}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-title-1{font-size:30px;line-height:38px}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn{margin-bottom:20px}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .cs-primary-btn-1{font-size:20px;min-height:52px;min-width:100%}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .dropdown,.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .dropdown .dropdown-menu{width:100%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{align-items:center;display:flex;flex-direction:column;margin-bottom:45px;padding:0 15px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox{padding-left:0}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{max-width:660px;right:13.5%}.cs-syc-sec-2 .cs-syc-2-banner .cs-syc-2-banner-content .cs-title-banner-1{font-size:45px;line-height:53px}.cs-syc-sec-2 .cs-syc-2-banner .cs-syc-2-banner-content .cs-desc-banner-1{font-size:25px;line-height:33px}.cs-syc-sec-3 .cs-syc-3-box-main{grid-template-columns:repeat(2,1fr)}.cs-syc-sec-4{height:auto}.cs-syc-sec-4 .cs-sec4-img1,.cs-syc-sec-4 .cs-sec4-img2{margin-bottom:10px;width:100%}.cs-syc-sec-4 .cs-syc-sec4-main{flex-direction:column}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content{display:flex;flex-direction:column;margin-bottom:30px}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1{bottom:0;left:0;max-width:100%;position:relative}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1 .cs-sys-sec4-title,.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1 .cs-wbg-head-2{text-align:center}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2{max-width:100%;order:2;position:relative;right:0;top:0}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2 .cs-sys-sec4-title,.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2 .cs-wbg-head-2{text-align:center}.cs-damage-photos-main{align-items:center;flex-direction:column}#car-photo-add-modal .modal-content,#damage_area_modal .modal-content{width:100%}.cs-create-mission-main{padding:30px 15%}.cs-location-modal{left:-20%}.cs-rent-bill-main-1 .cs-rent-bill-content .cs-textbox-1 .cs-title-1{font-size:14px}.cs-download-app-2{margin-top:30px;position:revert}.cs-download-app-2 .image-m-1{justify-content:center}}@media (max-width:767px){#goTpButton{bottom:30px;height:40px;right:20px;width:40px}#goTpButton:after{bottom:5px;font-size:1.8em;line-height:50px;position:relative}.cs-header-row-1 .cshr1-col-1{flex:0 0 calc(100% - 270px);max-width:calc(100% - 270px)}.cs-header-row-1 .cshr1-col-2{display:none}.cs-header-row-1 .cshr1-col-3{flex:0 0 270px;max-width:270px}.cs-header-row-2{justify-content:flex-end}.cs-header-row-2 .cshr2-col-1{flex:0 0 auto;max-width:none;min-width:72px;width:auto;padding-left:5px;padding-right:5px}.cs-header-row-2 .cshr2-col-2,.cs-header-row-2 .cshr2-col-3{flex:0 0 45px;max-width:45px;padding-left:5px;padding-right:5px}.cs-header-btn-1{font-size:20px;height:35px}.cs-header-btn-2{font-size:18px;height:35px}.cs-header-btn-3{min-height:35px}.cs-header-btn-3:before{content:"\e92b";font-family:bain!important}.cs-header-btn-3 .ds-in-1{display:none;padding:2px}.cs-language-select{font-size:13px;font-weight:700;height:40px;min-width:72px;width:72px;max-width:84px;border-radius:12px;line-height:38px;overflow:visible;padding:0 28px 0 12px}.cs-header-btn-4{font-size:12px;min-height:35px}.cs-header-btn-4 .image-d-1{border-radius:22px;flex:0 0 29px;max-width:29px}.cs-header-btn-4 .image-d-1 img{border-radius:22px;max-height:30px;-o-object-fit:cover;object-fit:cover}.cs-header-btn-4 .image-d-1 .fake-char-i-1{height:29px}.cs-header-btn-4 .name-d-1{display:none}.cs-globe-dd-1 .csgdd1-d-1{left:auto;right:5px;width:220px}.cs-mobile-menu-d-1.active .image-area-1 .image-3{left:-12vw}.cs-mobile-menu-d-1 .image-area-1 .image-3{height:100px}.cs-mobile-menu-d-1 .content-area-1{max-height:80vh}.cs-globe-dd-1 .csgdd1-d-1 .csgdd1-m-1 .csgdd1-m-l-1{font-size:14px;line-height:22px}.cs-main-logo-1 img{max-height:40px}.cs-footer-row-1 .csfr1-col-1{flex:0 0 100%;margin-bottom:30px;max-width:100%}.cs-footer-row-1 .csfr1-col-2{flex:0 0 50%;margin-bottom:30px;max-width:50%}.cs-footer-menu-2{justify-content:center}.cs-wbg-head-1{font-size:16px;line-height:24px;margin-bottom:20px}.cs-footer-menu-1 li a{font-size:16px;line-height:22px}.cs-slider-1.owl-theme .owl-nav{bottom:-5px;left:0;padding:0 15px;transform:unset;width:auto}.cs-slider-1.owl-theme .owl-nav button{font-size:16px!important}.cs-slider-1 .slider-content-1{margin-bottom:50px;padding:0}.cs-slider-1 .slider-container-1{background-size:cover!important;height:-moz-max-content;height:max-content}.cs-slider-1 .slider-container-2{background-position:100% 100%!important;background-size:100%!important;height:430px}.cs-slider-1 .slider-container-2 .container-2{margin-bottom:150px}.cs-slider-1 .logo-m-1 li img{max-width:100px;min-height:36px}.cs-slider-1 .desc-1,.cs-slider-1 .desc-2{font-size:20px;line-height:26px}.cs-loc-date-d-1 .csld1-col-1{border-color:transparent;flex:0 0 100%;max-width:100%}.cs-loc-date-d-1 .csld1-col-1.deactive{border-color:transparent}.cs-loc-date-d-1 .csld1-col-2{flex:0 0 100%;max-width:100%}.cs-loc-date-d-1 .csld1-col-3{flex:0 0 100%;max-width:100%;text-align:center}.cs-loc-date-d-1 .csld1-col-3 .cs-secondary-btn-1{width:100%}.cs-icon-box-1:after{right:15px}.daterangepicker .drp-calendar.left{border-right:0}.cs-homepage-sec-2{margin-bottom:30px;margin-top:5px!important}.cs-homepage-sec-3{margin-bottom:30px}.cs-wbg-head-2{font-size:24px;line-height:38px;margin-bottom:25px}.cs-wbg-head-2 span:before{height:15px}.cs-slider-row-1 .cssr1-col-1{flex:0 0 250px;margin:0 auto;max-width:250px}.cs-slider-row-1 .cssr1-col-2{flex:0 0 100%;max-width:100%;padding-left:15px}.cs-slider-row-1 .cssr1-col-3{flex:0 0 100%;max-width:100%;order:1;padding-right:15px}.cs-slider-cont-1 .bg-image-1{right:-35px}.cs-navTabs-1{justify-content:space-around}.cs-navTabs-1.nav-tabs .nav-item{border-bottom:1px solid #707070;text-align:center;width:50%}.cs-navTabs-1.nav-tabs .nav-link{font-size:16px;line-height:24px;padding:15px}.cs-navTabs-1.nav-tabs .nav-link.active:after{bottom:-3px}.cs-navTabs-content-1{padding:0 10px}.cs-navTabs-content-1 .in-content-1 h1,.cs-navTabs-content-1 .in-content-1 h2,.cs-navTabs-content-1 .in-content-1 h3,.cs-navTabs-content-1 .in-content-1 h4,.cs-navTabs-content-1 .in-content-1 h5,.cs-navTabs-content-1 .in-content-1 h6{font-size:20px;line-height:28px;margin-bottom:20px}.cs-navTabs-content-1 .in-content-1 li,.cs-navTabs-content-1 .in-content-1 p{font-size:16px;line-height:24px;margin-bottom:10px}.cs-homepage-sec-5{margin-bottom:30px}.cs-homepage-sec-5 .left-side{border:0}.cs-global-desc-1{font-size:16px;line-height:24px}.cs-homepage-sec-6 .slider-area-1{padding-left:15px}.cs-homepage-sec-6 .header-area-1{padding:0}.cs-slider-3.owl-theme .owl-nav{left:-10px;margin-top:15px;position:relative;text-align:center;top:auto}.cs-slider-3.owl-theme .owl-nav [class*=owl-]{font-size:35px}.cs-comment-box-1 .head-1{font-size:18px;line-height:26px}.cs-comment-box-1 .desc-1{font-size:12px;line-height:20px}.cs-comment-box-1 .desc-2{font-size:14px}.cs-comment-box-1 .desc-3,.cs-comment-box-1 .link-1{font-size:14px;line-height:22px}.cs-comment-box-1 .bottom-area-1 .ba1-col-1{flex:0 0 100%;margin-bottom:10px;max-width:100%}.cs-comment-box-1 .bottom-area-1 .ba1-col-2{flex:0 0 100%;max-width:100%}.cs-homepage-sec-7 .cs-slider-4.owl-theme .owl-nav,.cs-slider-4.owl-theme .owl-nav{left:-10px;position:relative;text-align:center;top:auto}.cs-slider-4.owl-theme .owl-nav{margin-top:15px}.cs-slider-4.owl-theme .owl-nav [class*=owl-]{font-size:35px}.cs-city-box-1 .image-div-1 img{max-height:140px}.cs-city-box-1 .head-1{font-size:22px;line-height:30px}.cs-city-box-1 .head-1 i{font-size:12px}.cs-download-app-row-1 .csdar1-col-1,.cs-download-app-row-1 .csdar1-col-2{flex:0 0 100%;max-width:100%}.cs-download-app-row-1 .download-app-i-1{height:250px}.cs-download-app-row-1 .download-app-i-1 img{max-width:100%;-o-object-fit:contain;object-fit:contain}.cs-campaign-box-1 .text-div-1 .head-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:20px;line-height:30px;max-height:30px;min-height:30px;overflow:hidden;text-overflow:ellipsis}.cs-global-link-1{font-size:18px;line-height:26px}.cs-homepage-sec-8{margin-bottom:40px}.cs-homepage-sec-9{margin-bottom:0}.cs-blog-content-row-1 .csbcr1-col-1,.cs-blog-content-row-1 .csbcr1-col-2{flex:0 0 100%;max-width:100%}.cs-homepage-sec-10{margin-bottom:30px}.cs-homepage-sec-10 .slider-content-1{padding-top:20px}.cs-blog-box-1 .image-div-1{background-size:cover!important}.cs-hwl-row-1{margin-bottom:15px}.cs-hwl-row-1 .cshwlr1-col-1,.cs-hwl-row-1 .cshwlr1-col-2{flex:0 0 100%;max-width:100%}.cs-homepage-sec-11 .content-area-1{padding:0}.cs-login-main-row-1 .cslmr1-col-1,.cs-login-main-row-1 .cslmr1-col-2{flex:0 0 100%;max-width:100%}.cs-login-bg-div-1{min-height:40vh}.cs-login-text-c-1{margin:0 auto 20px}.cs-login-text-c-1:before{left:0;top:-125px;transform:scale(.6)}.cs-login-text-c-1 .text-d-1 .head-1{font-size:clamp(26px,7.5vw,36px);line-height:1.25}.cs-login-text-c-1 .text-d-1 .desc-1{font-size:18px;line-height:30px}.cs-login-form-c-1{margin:0 auto;padding:30px 15px}.cs-login-form-c-1 .form-d-2 .form-input-1{padding-bottom:20px;padding-top:10px}.cs-wbg-head-3{font-size:24px;line-height:38px}.cs-wbg-head-3 span:before{height:15px}.cs-global-desc-2{font-size:18px;line-height:26px}.cs-verification-i-1{margin-bottom:20px}.cs-verification-i-1 li{margin-right:10px;width:40px}.cs-rentcar-row-1 .csrcr1-col-1{flex:0 0 100%;max-width:100%;min-height:1px;order:2}.cs-rentcar-row-1 .csrcr1-col-2{flex:0 0 100%;height:275px;max-width:100%;order:1}.cs-page-list-1{margin:0 auto;padding:0 15px}.cs-page-list-1 .inner-pl-1{max-height:100vh}.cs-page-filter-d-1 .inner-f-div-1{margin:0 auto;padding:0 15px}.cs-page-filter-d-1 .filter-mm-1 .fmm-item-1{position:unset}.cs-page-filter-d-1 .fmm-f-div-1{left:0;max-width:100%;min-width:100%;width:100%}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-middle-area-1{max-height:300px;min-height:300px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-bottom-area-1{padding:15px 30px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-1 li{width:calc(50% - 20px)}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-1 li:nth-child(3n){margin-right:20px}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-1 li:nth-child(2n){margin-right:0}.cs-page-filter-d-1 .fmm-f-div-1 .fmm-val-cont-1 .fmm-item-list-1 .cs-checkbox-1 label{padding:12px}.cs-search-locDate-area-1 .inn-cont-1{padding:0 15px}.cs-list-row-1 .cslr1-col-1{flex:0 0 100%;max-width:100%}.cs-orderSum-row-1 .csorr1-col-1{flex:0 0 100%;margin-bottom:25px;max-width:100%}.cs-orderSum-row-1 .csorr1-col-2{flex:0 0 100%;max-width:100%}.cs-orderSum-left-a-1 .package-list-1 li{line-height:1;padding:0 6px;width:50%}.cs-speech-info-box-1 .speech-box-container .speech-box{min-width:180px}.cs-modal-3 .modal-body{padding:30px}.cs-discount-coupon-d-1 .csdcd1-col-1{flex:0 0 100%;margin-bottom:15px;max-width:100%}.cs-discount-coupon-d-1 .csdcd1-col-2{flex:0 0 100%;max-width:100%}.cs-discount-coupon-d-1 .disCo-btn-1{display:none;width:100%}.cs-discount-coupon-d-1 .disCo-btn-1.active{display:block}.cs-orderSum-right-a-1 .csosr-top-a-1{padding:0 20px}.cs-orderSum-right-a-1 .csosr-bottom-a-1{padding:15px 20px}.cs-orderSum-right-a-1 .sum-table-1 tr td,.cs-orderSum-right-a-1 .sum-table-2 tr td{font-size:16px;line-height:22px}.cs-orderSum-right-a-1 .sum-table-2 tr td:last-child{font-size:20px}.cs-modal-4 .modal-body{padding:30px}.cs-orderSum-left-a-1 .list-div-1 .list-1 li{width:100%}.cs-speech-info-box-2 .speech-box-container .speech-box{min-width:275px}.cs-order-successful-info-div-1{padding:30px}.cs-order-successful-cont-1 .csosc1-head-1{font-size:24px;line-height:34px}.cs-order-successful-cont-1 .csosc1-row-1 .csosc1r1-col-1{flex:0 0 100%;max-width:100%}.cs-order-successful-cont-1 .csosc1-row-1 .csosc1r1-col-2{flex:0 0 100%;max-width:100%;text-align:center}.cs-order-successful-cont-1 .csosid1-c-1{border:0;border-bottom:1px solid #ededed;margin-bottom:20px}.cs-order-successful-cont-1 .csosid1-image-div-1{max-width:100%;padding-bottom:10px}.cs-order-successful-cont-1 .csosid1-info-div-1{margin:0 auto;max-width:100%;text-align:center}.cs-global-congratulations-d-1 .csgcd1-lottie-cont-1{max-width:200px}.cs-global-congratulations-d-1 .csgcd1-lottie-cont-2{max-width:250px}.cs-global-croppie-d-1{width:225px}.cs-account-earning-d-1{margin:-25px auto 20px;position:unset;right:auto;text-align:center;top:auto}.cs-earnings-info-div-1 .cseid1-col-1{flex:0 0 33.3333333333%;max-width:33.3333333333%}.cs-earnings-info-div-1 .cseid1-desc-1{font-size:18px;line-height:26px}.cs-earnings-info-div-1 .cseid1-head-1{font-size:14px;line-height:22px}.cs-rentals-info-1 .csri1-table-1 td{font-size:14px;line-height:22px;padding:12px 20px}.cs-rentals-info-1 .csri1-countdown-1,.cs-rentals-info-desc-1{font-size:14px}.cs-rentals-info-desc-1:before{top:0}.cs-rentals-info-1 .csri1-result-d-1{padding:10px}.cs-rentals-info-1 .csri1-result-d-1 .csri1rd1-t-1{font-size:14px}.cs-rentals-info-1 .csri1-result-d-1 .csri1rd1-t-1:before{height:18px;top:4px;width:18px}.cs-rentals-details-d-1 .csrdd1-table-1 td{font-size:14px;line-height:22px;padding:12px 20px}.cs-rentals-details-d-1 .csrdd1-countdown-1{margin:0 auto}.cs-rentals-payment-d-1{padding:5px 15px 20px}.cs-icon-box-2 .csib2-desc-1{font-size:14px;line-height:22px}.cs-icon-box-2 .csib2-desc-2{font-size:18px;line-height:26px}.cs-icon-row-1{margin-bottom:25px}.cs-icon-row-1 .csir1-col-1{flex:0 0 50%;margin-bottom:25px;max-width:50%}.cs-icon-row-1 .csir1-col-1:nth-child(2n){border-right:0}.cs-global-table-1 tr td,.cs-iw-desc-2{font-size:14px;line-height:22px}.cs-iw-desc-2 i{font-size:20px}.cs-modal-4 .modal-ab-icon-b-1{display:none}.cs-rentals-details-d-1 .csrdd1-result-desc-1{margin-bottom:10px;text-align:center}.cs-rentals-details-d-1 .col-12.text-right{text-align:center!important}.cs-navTabs-3{justify-content:space-around}.cs-navTabs-3.nav-tabs .nav-item{border-bottom:1px solid #707070;text-align:center;width:50%}.cs-navTabs-3.nav-tabs .nav-link{font-size:16px;line-height:24px;padding:15px 6px}.cs-navTabs-3.nav-tabs .nav-link.active:after{bottom:-3px}.cs-account-cars-row-1 .csacr1-col-1,.cs-account-cars-row-1 .csacr1-col-2,.cs-account-cars-row-1 .csacr1-col-3{flex:0 0 100%;max-width:100%}.cs-account-cars-search-1{max-width:100%}.cs-account-cars-row-2 .csacr2-col-1{flex:0 0 100%;max-width:100%}.cs-modal-5 .modal-body{padding:20px}.cs-modal-5 .cs-damage-photos-main{flex-wrap:wrap}.cs-modal-5 .cs-damage-photos-main .cs-damage-p-left{flex:0 0 100%;max-width:100%}.cs-modal-5 .cs-damage-photos-main .cs-damage-p-left .cs-g-file-main{margin:0 auto!important;width:100%}.cs-modal-5 .cs-damage-photos-main .cs-damage-p-right{flex:0 0 100%;max-width:100%}.cs-modal-5 .cs-damage-photos-main .cs-damage-p-right .cs-g-file-main{margin:0 auto!important;width:100%}.cs-modal-5 .cs-hasar-bolgesi-main{height:480px}.cs-cars-upload-list-1 .cscul1-col-1{flex:0 0 50%;max-width:50%}.cs-cars-wp-box-1{justify-content:center;margin-left:0;margin-right:0;padding:30px 25px;text-align:center}.cs-cars-wp-box-1 .cscwb1-col-1{flex:0 0 100%;margin-bottom:15px;max-width:100%}.cs-cars-wp-box-1 .cscwb1-col-2{flex:0 0 100%;margin-bottom:25px;max-width:100%}.cs-cars-wp-row-1 .cscwpr1-col-1,.cs-cars-wp-row-1 .cscwpr1-col-2{flex:0 0 100%;max-width:100%}.cs-cars-wp-table-1 tbody td,.cs-cars-wp-table-1 thead th{font-size:14px;line-height:22px;padding:15px 5px}.cs-soon-top-s-1{margin-bottom:40px}.cs-soon-top-s-1 img{margin-bottom:20px;max-height:100px}.cs-soon-top-s-1 .head-1{font-size:30px;line-height:38px}.cs-soon-row-1 .cssr1-col-1{margin-bottom:20px}.cs-soon-row-1 .cssr1-col-1,.cs-soon-row-1 .cssr1-col-2{flex:0 0 100%;max-width:100%}.cs-soon-head-1{font-size:24px;line-height:32px;margin-bottom:15px}.cs-soon-desc-1{font-size:16px;line-height:24px}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1{padding:25px 0}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1{align-items:center;display:flex;flex-direction:column;gap:17px;padding:10px 0}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1:last-child{flex-direction:column-reverse}.cs-about-us-sec-1 .cs-about-us-content-wrapper-1 .cs-about-us-content-item-1 .cs-about-us-imagebox-1{flex:1}.cs-banner-sec-1 .cs-banner-textbox-1{padding:0 5px}.cs-banner-sec-1 .cs-banner-textbox-1 .cs-title-1{font-size:32px!important;line-height:40px!important}.cs-banner-sec-1 .cs-banner-textbox-1 .cs-desc-1{font-size:24px!important;line-height:32px!important}.cs-career-sec-1 .cs-career-item-1{flex-direction:column-reverse}.cs-career-sec-1 .cs-career-item-1 .cs-career-imagebox-1{flex:1!important}.cs-career-sec-2 .cs-career-advert-itembox-1{align-items:center;flex-direction:column}.cs-career-detail-sec-1 .cs-career-detail-main-1{flex-direction:column;padding:0}.cs-career-detail-sec-1 .cs-career-detail-main-1 .cs-half-banner-1{border-radius:0;width:100%}.cs-career-detail-sec-1 .cs-career-detail-main-1 .cs-career-detail-text-wrapper{gap:15px;padding:0 15px}.cs-career-detail-sec-1 .cs-career-detail-main-1 .cs-career-detail-text-wrapper .cs-cd-text-top-1{align-items:end;flex-direction:column;margin-bottom:15px}.cs-career-detail-sec-1 .cs-career-detail-main-1 .cs-career-detail-text-wrapper .cs-cd-text-top-1 .cs-item-info-1{display:flex;justify-content:space-between;width:100%}.cs-career-detail-sec-1 .cs-career-detail-main-1 .cs-career-detail-inputs-1{padding:0 15px;width:100%}.cs-popular-search{flex-wrap:wrap}.cs-popular-search .cs-desc-1{margin-bottom:10px;width:100%}.cs-signal-cont-1 .cssc1-d-1 .cssc1d1-inn-1{left:-70%;right:auto;transform:translateX(-50%);width:300px}.cs-signal-cont-1 .cssc1-d-1 .form-content-1{max-height:50vh}.cs-contact-us-sec-1 .cs-contact-us-main .cs-contact-us-wrapper .cs-contact-us-imagebox-1{display:none!important}.cs-contact-us-sec-1 .cs-contact-us-main .cs-contact-us-form-wrapper .cs-arabanipaylas-line{margin:15px 10px 0 0;position:unset;width:auto}.cs-car-detail-sec-1 .cs-car-detail-main-1{flex-direction:column}.cs-car-detail-sec-1 .cs-cd-infobox-1 .cs-info-status-1{margin-top:30px}.cs-car-detail-sec-1 .cs-cd-infobox-1 .cs-cd-feature-1{flex-wrap:wrap}.cs-car-detail-sec-1 .cs-cd-infobox-1 .date-box-1 input{width:100%!important}.cs-account-m-row-1 .csamr1-col-1,.cs-account-m-row-1 .csamr1-col-2{flex:0 0 100%;max-width:100%}.cs-address-box-1{margin-left:0;margin-right:0}.cs-account-right-div-1{padding:25px 20px}.cs-navTabs-2.nav-tabs{border:0}.cs-navTabs-2.nav-tabs .nav-item{border-bottom:1px solid #707070;text-align:center;width:100%}.cs-modal-info-div-1 .icon-text-1{font-size:34px;margin-bottom:20px}.cs-modal-info-div-1 .icon-text-1 span{height:75px;width:75px}.cs-address-box-1 .csab1-head-1{font-size:14px;line-height:22px;margin-bottom:10px}.cs-address-box-1 .csab1-desc-1{font-size:14px;line-height:22px}.cs-register-form-c-1 .form-d-2 .form-row{height:auto;overflow:auto;overflow-y:auto}.cs-register-form-c-1 .form-d-2 .cs-step-5-wrapper .cs-rules-list-1{flex-direction:column-reverse}.cs-register-form-c-1 .cs-form-tabs-nav-1 .nav .nav-link{font-size:16px!important;white-space:revert!important}.cs-register-form-c-1 .cs-form-tabs-nav-1 .nav .nav-link.active{font-size:16px!important}.cs-input-image-wrapper-1 .cs-input-box-dashed-1{height:135px;width:135px}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-images .cs-image-grid-1 .cs-cd-image-item-1{height:250px}.cs-car-detail-sec-1 .cs-cd-imagebox-1 .cs-cd-images .cs-image-grid-1 .cs-cd-image-item-2{height:130px}.cs-car-detail-sec-1 .cs-car-detail-main-1{gap:45px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1{order:2}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options{justify-content:flex-start}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options .cs-loan-item-1{height:auto;width:90px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options .cs-loan-item-1 .cs-title-1{font-size:14px;line-height:22px}.cs-car-detail-sec-1 .cs-car-detail-main-1 .cs-cd-infobox-1 .cs-cd-loan-wrapper .cs-loan-options .cs-loan-item-1 .cs-desc-1{font-size:12px;line-height:20px}.step-d-1.cs-nowidth-1{padding:0}.cs-notification-sec-1 .cs-notification-main-1{height:auto}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .nav.nav-tabs{flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow:hidden;overflow-x:auto}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .nav.nav-tabs::-webkit-scrollbar{height:0;width:0}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .nav.nav-tabs .nav-item{white-space:nowrap}.cs-notification-sec-1 .cs-notification-main-1 .cs-notification-tabs-1 .tab-content .cs-notification-list-wrapper .cs-notification-list-item-1{height:auto}.cs-stop-sharing-text{text-align:right}.cs-rent-list ul .cs-rent-content .cs-rent-desc{font-size:14px;line-height:22px}.cs-p-campaign-sec-1 .cs-sec-campaign-main{flex-direction:column}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-textbox{order:2}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-textbox .cs-title1{font-size:22px;line-height:30px}.cs-p-campaign-sec-1 .cs-sec-campaign-main .cs-campaign-textbox .cs-desc1{font-size:17px;line-height:25px}.cs-no-campaign{margin-bottom:50px}.cs-no-campaign .cs-no-campaign-text{font-size:15px;line-height:23px}.cs-p-blog-sec-1{padding:0}.cs-p-blog-sec-1 .cs-blog-list-main{grid-template-columns:repeat(1,1fr)}.cs-p-blog-sec-1 .cs-blog-search-area .cs-title1{font-size:25px;line-height:33px}.cs-p-blog-sec-1 .cs-blog-search-area .cs-search-box .cs-search-btn{font-size:17px;line-height:25px;padding:12px 20px}.cs-p-blogdetail-sec-1 .cs-blog-detail-image{margin:0 0 10px;max-width:100%}.cs-p-blogdetail-sec-1 .cs-blog-detail-caption{margin-bottom:50px;margin-top:20px}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-main{margin-bottom:50px}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-content{flex-wrap:wrap}.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-content .cs-blog-detail-caption,.cs-p-sigortavekoruma-sec-1 .cs-blog-detail-content .cs-blog-detail-image{flex:0 0 100%}.cs-arabani-pay-bry-1-main{flex-direction:column}.cs-arabani-pay-bry-1-main .jsFileName1{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;width:100%}.cs-arabani-pay-bry-1-0-main,.cs-p-arabanipaylas-sec-3 .cs-arabani-pay-bry-1-1-main{flex-direction:column}.cs-syc-sec-2{height:auto}.cs-syc-sec-2 .cs-syc-2-banner{gap:10px;grid-template-columns:repeat(1,1fr)}.cs-syc-sec-2 .cs-syc-2-banner .cs-syc-2-banner-content .cs-title-banner-1{font-size:30px;line-height:38px}.cs-syc-sec-2 .cs-syc-2-banner .cs-syc-2-banner-content .cs-desc-banner-1{font-size:20px;line-height:28px}.cs-syc-sec-3 .cs-syc-3-box-main{grid-template-columns:repeat(1,1fr)}.cs-syc-sec1 .cs-syc-sec-1-title{font-size:30px;line-height:38px;margin-bottom:20px;padding:0 15px}.cs-syc-sec1 .cs-syc-1-main{justify-content:center}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn{justify-content:flex-end;padding:0}.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .cs-primary-btn-1,.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .dropdown,.cs-syc-sec1 .cs-syc-1-main .cs-start-btn .dropdown .dropdown-menu{width:100%}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox{padding:0}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-main-img{height:auto}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-imgbox .cs-right-car-img{right:0}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox{order:2;padding:0 15px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-1-formbox .form-input-1{padding:0}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox{margin-bottom:20px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-info-direction .cs-info-message,.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-info-direction:hover .cs-info-message{right:-65px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-title-1{font-size:23px;line-height:31px}.cs-syc-sec1 .cs-syc-1-main .cs-syc-infobox .cs-title-2{font-size:15px;line-height:23px}.cs-syc-sec-4{height:auto}.cs-syc-sec-4 .cs-sec4-img1,.cs-syc-sec-4 .cs-sec4-img2{margin-bottom:10px;width:100%}.cs-syc-sec-4 .cs-syc-sec4-main{flex-direction:column}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content{display:flex;flex-direction:column;margin-bottom:30px}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1{bottom:0;left:0;position:relative}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1 .cs-sys-sec4-title,.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox1 .cs-wbg-head-2{font-size:24px;text-align:center}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2{order:2;position:relative;right:0;top:0}.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2 .cs-sys-sec4-title,.cs-syc-sec-4 .cs-syc-sec4-main .cs-sys-sec4-content .cs-sec4-textbox2 .cs-wbg-head-2{font-size:24px;line-height:32px;text-align:center}.cs-p-vehicle-owner-main,.cs-p-vehicle-owner-main .cs-p-vehicle-textbox-1{flex-direction:column}.cs-p-vehicle-owner-main .cs-textarea{width:100%}.cs-p-vehicle-owner-main .cs-textarea .cs-location-phone-area{flex-direction:column;gap:10px}.cs-p-vehicle-owner-main .cs-textarea .cs-name-1{align-items:center;display:flex;justify-content:space-between}.cs-p-vehicle-owner-main .cs-textarea .cs-name-1 .cs-super-vhc-owner{padding:3px 20px}.cs-p-vehicle-owner-main .cs-date-1{gap:12px;justify-content:space-between}.cs-p-vehicle-owner-main .cs-date-1 .cs-text-1{font-size:14px;line-height:22px}.cs-vehicle-detail-main-1{flex-direction:column;gap:20px}.cs-p-vehicle-arrangement{padding:0 10px}.cs-p-vehicle-arrangement .cs-text-3{font-size:14px;line-height:24px;margin-right:8px;padding-right:8px}.cs-p-vehicle-arrangement .cs-text-4{font-size:13px;line-height:23px}.cs-create-mission-main{padding:30px 3%}.cs-car-reservation-calendar{align-items:center;flex-direction:column;gap:10px;padding:30px 15px}.cs-car-reservation-calendar .cs-rc-left{display:flex;flex-direction:column}.cs-mission-main-area .cs-mission-message{text-align:center}.cs-profile-container-1{padding:0 15px}.cs-end-location-modal,.cs-location-modal,.cs-start-location-modal{left:0;min-width:320px;padding:30px 20px}.cs-end-location-modal .cs-location-modal-list li.active a,.cs-location-modal .cs-location-modal-list li.active a,.cs-start-location-modal .cs-location-modal-list li.active a{width:auto!important}.cs-end-location-modal .cs-location-modal-list li a,.cs-location-modal .cs-location-modal-list li a,.cs-start-location-modal .cs-location-modal-list li a{font-size:14px;line-height:22px}.cs-p-vehicle-arrangement{flex-wrap:wrap;gap:10px}.cs-p-vehicle-arrangement .cs-arrangement-button{font-size:14px;padding:12px 20px 12px 12px}.cs-sorting-area-1 .cs-sorting-modal-2{width:min(100vw - 16px,320px)}.cs-sorting-area-1 .cs-sorting-modal-2 .cs-sort-btn-group{flex-direction:column}.cs-sorting-area-1 .cs-sorting-modal-1{width:min(100vw - 16px,320px)}.cs-sorting-area-1 .cs-sorting-modal-1 .cs-sort-btn-group{flex-direction:column}.cs-sorting-area-1 .cs-sorting-modal-3,.cs-sorting-area-1 .cs-sorting-modal-4{width:min(100vw - 16px,320px)}.cs-sorting-area-1 .cs-sorting-modal-4 .cs-sort-btn-group{flex-direction:column}.cs-car-detail-main-area .cs-car-main{grid-template-columns:repeat(2,1fr)}#stop_share_modal .cs-modal-btn-group{gap:0}#stop_share_modal .cs-padding-1{margin:0!important;padding:0 5%!important}#stop_share_modal .modal-body{padding:10px}#stop_share_modal .modal-content{margin:0 auto;width:100%}.cs-form-1-2 .date-box-1 label:before{left:34px!important}.cs-main-comment-area-2{padding:10px}.cs-main-comment-area-2 .cs-star-name-text .cs-comment-name-1,.cs-main-comment-area-2 .cs-star-name-text i{font-size:14px}.cs-main-comment-area-2 .cs-star-name-text .cs-comment-date-text-1{font-size:12px}.cs-main-comment-area-1 i{font-size:16px}.cs-main-comment-area-1 .cs-comment-area-text-1{font-size:14px}.cs-mission-choise-main-1{grid-template-columns:repeat(1,1fr)}#damage_area_modal .cs-hasar-bolgesi-main{height:495px}#damage_area_modal .modal-content{margin:0 auto;min-width:320px;width:320px}.cs-mission-choise-main-1{gap:15px}.cs-mission-choise-1{gap:10px;overflow:hidden;overflow-x:auto;padding-bottom:15px}.cs-mission-choise-1::-webkit-scrollbar-track{background-color:#f0edff;border-radius:10px}.cs-mission-choise-1::-webkit-scrollbar{height:2px}.cs-mission-choise-1::-webkit-scrollbar-thumb{background-color:#7287fd;border-radius:10px}.cs-content-item{white-space:nowrap}.cs-mission-list-count{flex-direction:column;gap:18px;height:auto;padding:10px}.cs-mission-list-count .cs-mission-list-item{justify-content:flex-start}.cs-mission-list-count .cs-mission-list-item:before{content:none}.cs-profile-detail-wp-sec-2 .cs-profile-detail-wp-left{padding:25px 10px}.cs-p-arabanipaylas-sec-2,.cs-p-arabanipaylas-sec-3,.cs-p-arabanipaylas-sec-4{margin:0}#insurance_policy .modal-dialog{max-width:360px}#insurance_policy .modal-dialog .cs-modal-title1{font-size:17px}#insurance_policy .modal-dialog .cs-modal-desc1{font-size:14px;line-height:22px}#insurance_policy .cs-globe-dd-1 .cs-header-btn-3{max-width:275px}.cs-damage-photos-main{flex-direction:column}.cs-damage-photos-main .cs-damage-p-left .cs-g-file-main,.cs-damage-photos-main .cs-damage-p-right .cs-g-file-main{width:100%}#car-photo-add-modal .modal-content,#damage_area_modal .modal-content{min-width:100%;width:100%}.cs-car-list-main{margin:0!important}.cs-calendar-list .cs-calendar-list-area .cs-date-list{font-size:14px;line-height:22px}.cs-rent-bill-main-2 .cs-rent-content-1{justify-content:center}.cs-rent-bill-main-2 .cs-rent-content-1 .form-check{padding-left:12px}.cs-profile-detail-wp-sec-4 .cs-pd4-main{gap:25px;grid-template-columns:repeat(1,1fr);margin-bottom:0}.cs-rent-list-pay .cs-pay-info-buttons{flex-direction:column}.cs-mission-main-area .nav-tabs .nav-link{font-size:14px;line-height:22px}.cs-mission-main-area .nav-tabs .nav-link.active:after{width:145px}.cs-download-app-2{margin-top:30px;position:revert}.cs-download-app-2 .image-m-1{justify-content:center}}@media (min-width:500px){#goTpButton{margin:30px}}@media (min-width:992px){.cs-homepage-sec-6 .container{align-items:start;-moz-column-gap:56px;column-gap:56px;display:grid!important;grid-template-areas:"title title" "image text"!important;grid-template-columns:minmax(360px,560px) minmax(320px,1fr)!important;row-gap:18px}.cs-homepage-sec-6 .header-area-1{grid-area:title;padding-right:0!important}.cs-homepage-sec-6 .cs-global-desc-1{grid-area:text;margin-bottom:0!important}.cs-homepage-sec-6 .cs-homepage-sec-6-hero-image{grid-area:image}.cs-homepage-sec-7 .container{align-items:start;-moz-column-gap:56px;column-gap:56px;display:grid!important;grid-template-areas:"title image" "text image" "slider slider"!important;grid-template-columns:minmax(320px,1fr) minmax(360px,560px)!important;row-gap:18px}.cs-homepage-sec-7 .header-area-1{grid-area:title;padding-right:0!important}.cs-homepage-sec-7 .cs-global-desc-1{grid-area:text;margin-bottom:0!important}.cs-homepage-sec-7 .cs-homepage-sec-7-hero-image{grid-area:image;margin-bottom:0!important}.cs-homepage-sec-7 .cs-sec-7-slider-area,.cs-homepage-sec-7 .imageFourSlider1,.cs-homepage-sec-7 .slider-area-1{grid-area:slider}}@media (max-width:991px){.cs-homepage-sec-6 .container,.cs-homepage-sec-7 .container{align-items:start;display:grid!important;grid-template-columns:1fr!important;row-gap:14px}.cs-homepage-sec-6 .header-area-1,.cs-homepage-sec-7 .header-area-1{padding:0!important}.cs-homepage-sec-6 .cs-global-desc-1,.cs-homepage-sec-7 .cs-global-desc-1{margin-bottom:0!important;text-align:left!important}.cs-homepage-sec-6 .cs-homepage-sec-6-hero-image,.cs-homepage-sec-6 .cs-homepage-sec-7-hero-image,.cs-homepage-sec-7 .cs-homepage-sec-6-hero-image,.cs-homepage-sec-7 .cs-homepage-sec-7-hero-image{margin-bottom:12px!important;max-width:100%!important;width:100%!important}.cs-homepage-sec-6 .cs-homepage-sec-6-hero-image img,.cs-homepage-sec-6 .cs-homepage-sec-7-hero-image img,.cs-homepage-sec-7 .cs-homepage-sec-6-hero-image img,.cs-homepage-sec-7 .cs-homepage-sec-7-hero-image img{display:block!important;height:auto!important;max-height:280px!important;max-width:100%!important;-o-object-fit:contain!important;object-fit:contain!important;width:100%!important}.cs-homepage-sec-6 .container{grid-template-areas:"title" "image" "text"!important}.cs-homepage-sec-7 .container{grid-template-areas:"title" "image" "text" "slider"!important}.cs-homepage-sec-7 .imageFourSlider1.owl-carousel{display:block!important}.cs-homepage-sec-7 .imageFourSlider1:not(.owl-loaded)>.item:not(:first-child){display:none!important}.cs-homepage-sec-7 .cs-slider-4.owl-theme .owl-nav{left:auto!important;margin-top:12px!important;position:relative!important;text-align:center!important;top:auto!important}.cs-homepage-sec-4{margin:24px auto!important;padding:28px 16px!important}.cs-homepage-sec-4 .cs-slider-row-1 .cs-sec-4-hero-col,.cs-homepage-sec-4 .cs-slider-row-1 .cssr1-col-1{flex:0 0 100%!important;margin:0 0 20px!important;max-width:100%!important;order:0}.cs-homepage-sec-4 .cs-slider-row-1 .cs-sec-4-text-col,.cs-homepage-sec-4 .cs-slider-row-1 .cssr1-col-3{flex:0 0 100%!important;max-width:100%!important;order:0;padding-left:0!important;padding-right:0!important}.cs-homepage-sec-4 .cs-slider-cont-1 .bg-image-1{display:block!important}.cs-homepage-sec-4 .cs-tab-container-1{padding:24px 20px!important}.cs-homepage-sec-4 .cs-wbg-head-2{margin-bottom:16px!important}.cs-homepage-sec-3{margin:24px auto!important;padding:28px 16px!important}.cs-homepage-sec-3 .cs-slider-row-1 .cssr1-col-1{flex:0 0 100%!important;margin:0 0 20px!important;max-width:100%!important;order:1}.cs-homepage-sec-3 .cs-slider-row-1 .cssr1-col-2{flex:0 0 100%!important;max-width:100%!important;order:2;padding-left:0!important}.cs-homepage-sec-3 .cs-slider-cont-1 .bg-image-1{display:block!important}.cs-homepage-sec-3 .cs-tab-container-1{padding:0!important}.cs-homepage-sec-3 .cs-navTabs-1.nav,.cs-homepage-sec-3 .cs-wbg-head-2{margin-bottom:16px!important}.cs-homepage-sec-3 .cs-navTabs-content-1{padding:0!important}.cs-homepage-sec-3 .in-content-1 p{margin-bottom:10px!important}}

/*# sourceMappingURL=responsive.min.css.map */
}

@layer base {
/* =====================================================================

   00-tokens.css  —  Design tokens (CSS variables)  +  Theme system

   ---------------------------------------------------------------------

   Tek kaynak: renk, spacing, radius, shadow, motion, tipografi.



   Tema önceliği (theme.js + inline FOUC script tarafından yönetilir):

     1. <html data-theme="light"|"dark">     → kullanıcı seçimi (localStorage)

     2. <html data-theme="auto"> + @media    → sistem tercihi

     3. Hiçbiri                              → default light



   Bu dosyada:

     • :root              → light theme tokens (default)

     • [data-theme="dark"]→ dark theme override (manuel + auto+system)

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



:root {

    color-scheme: light;

    /* ── Brand — zümrüt yeşil (sürdürülebilirlik / premium kiralama) ─ */

    --pr-brand:          #059669;

    --pr-brand-600:      #047857;

    --pr-brand-700:      #065f46;

    --pr-brand-50:       #ecfdf5;

    --pr-brand-100:      #d1fae5;

    --pr-brand-accent:   #34d399;

    --pr-brand-rgb:      5, 150, 105;

    --pr-brand-soft:     rgba(5, 150, 105, 0.08);

    --pr-brand-ring:     rgba(5, 150, 105, 0.18);



    /* ── Ink (text scale)  —  WCAG AA (≥4.5:1 gövde, ≥3:1 büyük) ─

       Kontrast (yaklaşık, #fff / #F9FAFB zemin):

         --pr-text         ~16:1   --pr-text-muted  ~7.4:1

         --pr-text-subtle  ~5.0:1  (güneş ışığı / mobil için yeterli) */

    --pr-ink:            #0f172a;

    --pr-ink-700:        #1e293b;

    --pr-ink-600:        #334155;

    --pr-text:           #0f172a;

    --pr-text-muted:     #475569;

    --pr-text-subtle:    #5b6574;



    /* ── Kontrast / link — marka rengi metin olarak AA (≥4.5:1) ─ */

    --pr-brand-text:       #047857;

    --pr-brand-text-hover: #065f46;

    --pr-link:             var(--pr-brand-text);

    --pr-link-hover:       var(--pr-brand-text-hover);

    --pr-link-visited:     #065f46;

    --pr-text-on-brand:    #ffffff;

    --pr-text-on-inverse:  #ffffff;

    --pr-placeholder:      #5b6574;



    /* ── Lines / borders ───────────────────────────────── */

    --pr-line:           rgba(17, 24, 39, 0.06);

    --pr-line-strong:    rgba(17, 24, 39, 0.10);

    --pr-line-stronger:  rgba(17, 24, 39, 0.14);



    /* ── Surfaces — kirli beyaz premium zemin ──────────── */

    --pr-bg:             #F9FAFB;

    --pr-bg-alt:         #F3F4F6;

    --pr-surface:        #ffffff;

    --pr-surface-2:      #F9FAFB;

    --pr-glass:          rgba(255, 255, 255, 0.72);

    --pr-glass-strong:   rgba(255, 255, 255, 0.86);



    /* ── Semantic ──────────────────────────────────────── */

    --pr-success:        #16a34a;

    --pr-success-soft:   rgba(22, 163, 74, 0.10);

    --pr-warning:        #ea8c00;

    --pr-warning-soft:   rgba(234, 140, 0, 0.12);

    --pr-danger:         #dc2626;

    --pr-danger-soft:    rgba(220, 38, 38, 0.10);



    /* ── Spacing (4px scale) ───────────────────────────── */

    --pr-space-1:  4px;

    --pr-space-2:  8px;

    --pr-space-3:  12px;

    --pr-space-4:  16px;

    --pr-space-5:  20px;

    --pr-space-6:  24px;

    --pr-space-8:  32px;

    --pr-space-10: 40px;

    --pr-space-12: 48px;

    --pr-space-16: 64px;

    --pr-space-20: 80px;

    --pr-space-24: 96px;



    /* ── Radius ────────────────────────────────────────── */

    --pr-r-sm:    8px;

    --pr-r-md:    12px;

    --pr-r-lg:    16px;

    --pr-r-xl:    20px;

    --pr-r-2xl:   24px;

    --pr-r-3xl:   32px;

    --pr-r-pill:  999px;



    /* ── Shadows (layered, very soft) ──────────────────── */

    --pr-shadow-xs:    0 1px 2px rgba(10, 10, 11, 0.04);

    --pr-shadow-sm:    0 2px 8px rgba(10, 10, 11, 0.04),

                       0 1px 2px rgba(10, 10, 11, 0.03);

    --pr-shadow-md:    0 8px 24px rgba(10, 10, 11, 0.06),

                       0 2px 6px rgba(10, 10, 11, 0.04);

    --pr-shadow-lg:    0 20px 50px rgba(10, 10, 11, 0.10),

                       0 6px 14px rgba(10, 10, 11, 0.05);

    --pr-shadow-xl:    0 30px 70px rgba(10, 10, 11, 0.14),

                       0 10px 22px rgba(10, 10, 11, 0.07);

    --pr-shadow-brand: 0 14px 36px rgba(5, 150, 105, 0.22),

                       0 4px 10px rgba(5, 150, 105, 0.12);



    /* ── Card design language (tek kaynak) ─────────────────

       Tüm card-like componentler bu token'ları kullanır.

       Hedef: minimal shadow + premium radius + clean spacing. */

    --pr-card-radius:       20px;   /* desktop premium radius — soft corners */

    --pr-card-radius-sm:    16px;   /* mobile / nested cards */

    --pr-card-pad:          24px;   /* card-body default padding */

    --pr-card-pad-sm:       16px;   /* mobile / compact card */

    --pr-card-pad-lg:       32px;   /* feature / showcase card */

    --pr-card-gap:          16px;   /* sub-element spacing içinde */

    --pr-card-bg:           var(--pr-surface);

    --pr-card-border:       1px solid var(--pr-line);

    --pr-card-shadow:       0 2px 4px rgba(10, 10, 11, 0.03),

                            0 10px 28px rgba(10, 10, 11, 0.05);   /* soft layered */

    --pr-card-shadow-hover: 0 16px 44px rgba(10, 10, 11, 0.08),

                            0 4px 14px rgba(10, 10, 11, 0.04);  /* premium elevate */

    --pr-card-lift:         -4px;

    --pr-card-lift-sm:      -2px;



    /* ── Shared CHROME (header / footer) design language ───

       Header ve footer — uygulamanın "kabuğu" — birbiriyle birebir

       aynı link/icon/transition davranışını paylaşır. Aşağıdaki

       token'lar 02-layout.css'te hem .cs-sticky-header-1 hem

       .cs-footer-1 / .pr-footer__* selektörleri tarafından kullanılır.



       Hedef: kullanıcı sayfanın iki ucunda da aynı micro-interactions

       (renk, easing, hover lift) hisseder. */

    --pr-chrome-link:           var(--pr-ink-700);

    --pr-chrome-link-hover:     var(--pr-brand-text);

    --pr-chrome-link-active:    var(--pr-brand);

    --pr-chrome-link-muted:     var(--pr-text-muted);



    --pr-chrome-heading-color:  var(--pr-ink);

    --pr-chrome-heading-size:   var(--pr-text-sm);

    --pr-chrome-heading-weight: 600;

    --pr-chrome-heading-track:  var(--pr-track-widest);



    --pr-chrome-iconbtn-size:   40px;

    --pr-chrome-iconbtn-bg:     transparent;

    --pr-chrome-iconbtn-color:  var(--pr-ink-700);

    --pr-chrome-iconbtn-border: var(--pr-line);

    --pr-chrome-iconbtn-hover-bg:    var(--pr-brand-soft);

    --pr-chrome-iconbtn-hover-color: var(--pr-brand);



    --pr-chrome-pill-bg:        var(--pr-surface);

    --pr-chrome-pill-border:    var(--pr-line);

    --pr-chrome-pill-active-bg: var(--pr-ink);

    --pr-chrome-pill-active-fg: #fff;



    --pr-chrome-lift:           -2px;

    --pr-chrome-transition:      var(--pr-dur-interaction) var(--pr-ease-in-out);

    --pr-chrome-transition-base: var(--pr-dur-interaction) var(--pr-ease-in-out);



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

       TYPOGRAPHY  —  Premium pairing + fluid responsive scale

       -----------------------------------------------------------------

       Pairing:

         • Display (h1–h3, hero)     →  Plus Jakarta Sans (keskin, kurumsal)

         • Body / UI (p, labels)     →  Inter (16px, yüksek okunabilirlik)

         • Mono (kod, sayı tabloları)→  JetBrains Mono fallback chain

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



    --pr-font-sans:    'Inter', -apple-system, BlinkMacSystemFont,

                       'SF Pro Text', 'Segoe UI', Roboto, system-ui, sans-serif;

    --pr-font-display: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont,

                       'SF Pro Display', 'Segoe UI', Roboto, system-ui, sans-serif;

    --pr-font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular,

                       Menlo, Consolas, monospace;



    /* ── Font weights (hiyerarşik ölçek) ───────────────────────── */

    --pr-fw-regular:    400;

    --pr-fw-medium:     500;

    --pr-fw-semibold:   600;

    --pr-fw-bold:       700;

    --pr-fw-extrabold:  800;



    /* ── Static type tokens (UI elementleri için sabit) ────────── */

    --pr-text-xs:   12px;

    --pr-text-sm:   13px;

    --pr-text-base: 16px;   /* yükseltildi: 15 → 16 (modern SaaS standardı) */

    --pr-text-md:   17px;

    --pr-text-lg:   19px;

    --pr-text-xl:   22px;

    --pr-text-2xl:  28px;

    --pr-text-3xl:  36px;

    --pr-text-4xl:  48px;

    --pr-text-5xl:  64px;



    /* ── Fluid display scale (heading'ler & hero) ─────────────── */

    /* clamp(min, fluid, max) — viewport ile interpolasyon yapar */

    --pr-display-3xs: clamp(15px, 0.95rem + 0.1vw,  16px);  /* small ui */

    --pr-display-2xs: clamp(16px, 0.95rem + 0.2vw,  17px);  /* lead body */

    --pr-display-xs:  clamp(18px, 1.05rem + 0.3vw,  20px);  /* h6 */

    --pr-display-sm:  clamp(20px, 1.10rem + 0.5vw,  24px);  /* h5 */

    --pr-display-md:  clamp(22px, 1.15rem + 0.9vw,  28px);  /* h4 */

    --pr-display-lg:  clamp(26px, 1.30rem + 1.4vw,  36px);  /* h3 */

    --pr-display-xl:  clamp(32px, 1.60rem + 2.2vw,  48px);  /* h2 */

    --pr-display-2xl: clamp(40px, 1.80rem + 3.6vw,  64px);  /* h1 */

    --pr-display-3xl: clamp(48px, 2.20rem + 4.8vw,  84px);  /* hero display */



    /* ── Line-height (rhythm) — başlık sıkı, gövde ferah ──────── */

    --pr-leading-flat:    1.0;

    --pr-leading-display: 1.08;   /* hero / h1 */

    --pr-leading-tight:   1.15;   /* h2 */

    --pr-leading-snug:    1.25;   /* h3 / h4 */

    --pr-leading-normal:  1.5;    /* h5 / h6 / UI etiket */

    --pr-leading-relaxed: 1.625;  /* body / açıklama (16→26px) */

    --pr-leading-loose:   1.75;   /* uzun makale / prose */



    /* ── Tracking (letter-spacing) ────────────────────────────── */

    --pr-track-tightest: -0.04em;

    --pr-track-tighter:  -0.03em;

    --pr-track-tight:    -0.02em;

    --pr-track-snug:     -0.01em;

    --pr-track-normal:    0;

    --pr-track-wide:      0.02em;

    --pr-track-wider:     0.06em;

    --pr-track-widest:    0.12em;   /* eyebrow / overline */



    /* ── Reading measure (max-width, ch birimi) ────────────────── */

    --pr-measure:        65ch;

    --pr-measure-wide:   72ch;

    --pr-measure-narrow: 48ch;



    /* ── Metin taşma / satır sarma (güvenli varsayılanlar) ─────── */

    --pr-text-wrap-body:    break-word;

    --pr-text-wrap-heading: break-word;

    --pr-text-wrap-url:     anywhere;



    /* ── Motion ────────────────────────────────────────── */

    --pr-ease:        cubic-bezier(0.16, 1, 0.3, 1);

    --pr-ease-soft:   cubic-bezier(0.4, 0, 0.2, 1);

    --pr-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);   /* Tailwind ease-in-out eşdeğeri */

    --pr-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

    --pr-dur-fast:    160ms;

    --pr-dur-base:    240ms;

    --pr-dur-interaction: 300ms;   /* hover / focus micro-interactions (≈ duration-300) */

    --pr-dur-slow:    380ms;

    --pr-dur-slower:  560ms;



    /* Ortak geçiş kısayolları — transition-all yerine hedefli özellikler */

    --pr-transition-interactive:

        transform var(--pr-dur-interaction) var(--pr-ease-in-out),

        box-shadow var(--pr-dur-interaction) var(--pr-ease-in-out),

        background-color var(--pr-dur-interaction) var(--pr-ease-in-out),

        border-color var(--pr-dur-interaction) var(--pr-ease-in-out),

        color var(--pr-dur-interaction) var(--pr-ease-in-out),

        opacity var(--pr-dur-interaction) var(--pr-ease-in-out),

        filter var(--pr-dur-interaction) var(--pr-ease-in-out);



    --pr-transition-surface:

        transform var(--pr-dur-interaction) var(--pr-ease-in-out),

        box-shadow var(--pr-dur-interaction) var(--pr-ease-in-out),

        border-color var(--pr-dur-interaction) var(--pr-ease-in-out);



    --pr-transition-control:

        border-color var(--pr-dur-interaction) var(--pr-ease-in-out),

        background-color var(--pr-dur-interaction) var(--pr-ease-in-out),

        box-shadow var(--pr-dur-interaction) var(--pr-ease-in-out),

        color var(--pr-dur-interaction) var(--pr-ease-in-out);



    /* Scroll reveal / stagger (GPU-friendly: opacity + translate only) */

    --pr-reveal-distance-sm: 10px;

    --pr-reveal-distance-md: 14px;

    --pr-reveal-distance-lg: 20px;

    --pr-reveal-duration:    var(--pr-dur-slow);

    --pr-reveal-stagger:    48ms;



    /* ── Breakpoints (tek kaynak — 22-breakpoints.css) ─── */

    --pr-bp-sm:   480px;

    --pr-bp-md:   768px;   /* tablet portrait */

    --pr-bp-lg:   1024px;  /* tablet landscape / küçük laptop */

    --pr-bp-xl:   1280px;  /* desktop */

    --pr-bp-2xl:  1536px;



    /* ── Layout ────────────────────────────────────────── */

    --pr-header-h:        72px;

    --pr-header-h-mobile: 60px;

    --pr-container-max:   1280px;

    --pr-content-max:     1180px;

    --pr-z-dropdown:      100;

    --pr-z-sticky:        500;

    --pr-z-cookie:        1040;

    --pr-z-modal:         1050;

    --pr-z-toast:         1100;



    /* Modal / overlay — blur + karartma (cookie bar modalın altında) */

    --pr-overlay-bg:      rgba(17, 24, 39, 0.48);

    --pr-overlay-blur:    12px;



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

       CONTROL HEIGHTS — buttons / inputs / select

       -----------------------------------------------------------------

       Tek bir control yüksekliği skalası: button + input + select aynı

       satırda hizalanır. SaaS standardı: 32 / 40 / 48.

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

    --pr-control-h-sm: 32px;

    --pr-control-h-md: 40px;

    --pr-control-h-lg: 48px;



    /* Dokunmatik hedef — WCAG 2.5.5 / Apple HIG (min 44×44px) */

    --pr-touch-min:      44px;

    --pr-touch-min-sm:   40px;   /* sadece desktop yoğun UI; mobilde 44’e çıkar */

    --pr-btn-pad-block:  10px;   /* uzun metin sarıldığında dikey nefes */

    --pr-control-px-sm: 12px;

    --pr-control-px-md: 16px;

    --pr-control-px-lg: 22px;

    --pr-control-radius: var(--pr-r-md);

    --pr-control-border: 1px solid var(--pr-line);

    --pr-control-border-strong: 1px solid var(--pr-line-strong);



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

       BUTTONS — height = control + paddings, radius = pill (CTA)

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

    --pr-btn-radius: var(--pr-r-pill);

    --pr-btn-font-weight: 600;

    --pr-btn-icon-gap: var(--pr-space-2);



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

       INPUTS / FORMS

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

    --pr-input-bg:           var(--pr-surface-2);

    --pr-input-bg-hover:     var(--pr-surface);

    --pr-input-bg-focus:     var(--pr-surface);

    --pr-input-color:        var(--pr-ink);

    --pr-input-placeholder:  var(--pr-placeholder);

    --pr-input-border:       var(--pr-control-border);

    --pr-input-border-hover: var(--pr-control-border-strong);

    --pr-input-radius:       var(--pr-control-radius);



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

       FOCUS RING — tek bir erişilebilir odak deseni

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

    --pr-focus-ring-w: 4px;

    --pr-focus-ring: 0 0 0 var(--pr-focus-ring-w) var(--pr-brand-ring);



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

       ICON SIZES — tek ölçek, 4px tabanlı

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

    --pr-icon-xs: 12px;

    --pr-icon-sm: 16px;   /* default UI ikonu */

    --pr-icon-md: 20px;   /* button / chip / header */

    --pr-icon-lg: 24px;   /* section header */

    --pr-icon-xl: 32px;   /* hero / illüstrasyon */

    --pr-icon-social: 18px; /* 40px pill içinde sosyal ikon */

    --pr-icon-stroke: 1.75;

    --pr-icon-stroke-sm: 1.5;

    --pr-icon-stroke-lg: 2;

    --pr-icon-gap: var(--pr-space-2);   /* ikon + metin (8px) */

    --pr-icon-gap-sm: 6px;

    --pr-icon-gap-lg: var(--pr-space-3);

    --pr-icon-tone: var(--pr-ink-700);

    --pr-icon-tone-muted: var(--pr-text-muted);

    --pr-icon-tone-brand: var(--pr-brand-text);

    --pr-icon-tone-on-brand: #fff;



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

       SECTION RHYTHM — sayfa düzeyi padding (mobil/desktop)

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

    --pr-section-py: var(--pr-space-20);   /* 80px desktop */

    --pr-section-py-md: var(--pr-space-12); /* 48px tablet/mobile */

    --pr-section-gap: var(--pr-space-8);    /* başlık-içerik */



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

       LIST / GRID RHYTHM — çoklu listeleme gap & pad (12-layout-rhythm.css)

       -----------------------------------------------------------------

       Breakpoint’lerde güncellenir: 12→16→24→32px

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

    --pr-list-gap: var(--pr-space-3);

    --pr-list-gap-x: var(--pr-list-gap);

    --pr-list-gap-y: var(--pr-list-gap);

    --pr-list-pad: var(--pr-space-3);

    --pr-list-col-min: 260px;

}



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

   LIGHT — açık tema açıkça işaretlendi (dark mode hazırlığı)

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

:root[data-theme="light"] {

    color-scheme: light;

}





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

   DARK THEME

   ---------------------------------------------------------------------

   Tetikleyiciler:

     • data-theme="dark"  → her zaman koyu

     • data-theme="auto"  → yalnızca prefers-color-scheme: dark (aşağıda)

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



:root[data-theme="dark"] {

    color-scheme: dark;



    /* ── Brand (dark — Sharingo blue, not emerald) ─ */

    --pr-brand:          #0f9e96;

    --pr-brand-600:      #0b827b;

    --pr-brand-700:      #1e40af;

    --pr-brand-50:       rgba(37, 99, 235, 0.10);

    --pr-brand-100:      rgba(37, 99, 235, 0.16);

    --pr-brand-accent:   #60a5fa;

    --pr-brand-rgb:      37, 99, 235;

    --pr-brand-soft:     rgba(37, 99, 235, 0.18);

    --pr-brand-ring:     rgba(96, 165, 250, 0.32);



    /* ── Ink → text scale  (dark zeminde WCAG AA ≥4.5:1) ──

       --pr-text-muted   was #a8a8b0 (sınır)  → #b8b8c0 (≥7:1)

       --pr-text-subtle  was #74747c (3.5:1)  → #9494a0 (≥4.5:1) */

    --pr-ink:            #f7f7fa;

    --pr-ink-700:        #e6e6ea;

    --pr-ink-600:        #c8c8d0;

    --pr-text:           #f1f5f9;

    --pr-text-muted:     #cbd5e1;

    --pr-text-subtle:    #94a3b8;



    --pr-brand-text:       #6ee7b7;

    --pr-brand-text-hover: #a7f3d0;

    --pr-link:             var(--pr-brand-text);

    --pr-link-hover:       var(--pr-brand-text-hover);

    --pr-link-visited:     #5eead4;

    --pr-text-on-brand:    #ffffff;

    --pr-text-on-inverse:  #0f172a;

    --pr-placeholder:      #94a3b8;



    /* ── Lines / borders ────────────────────────────────── */

    --pr-line:           rgba(255, 255, 255, 0.08);

    --pr-line-strong:    rgba(255, 255, 255, 0.14);

    --pr-line-stronger:  rgba(255, 255, 255, 0.20);



    /* ── Surfaces — derin gri premium kontrast ─────────── */

    --pr-bg:             #111827;

    --pr-bg-alt:         #1f2937;

    --pr-surface:        #1f2937;

    --pr-surface-2:      #374151;

    --pr-glass:          rgba(17, 24, 39, 0.72);

    --pr-glass-strong:   rgba(17, 24, 39, 0.92);



    /* ── Semantic (soft alanlar dark için yeniden ayarlandı) */

    --pr-success-soft:   rgba(22, 163, 74, 0.18);

    --pr-warning-soft:   rgba(234, 140, 0, 0.20);

    --pr-danger-soft:    rgba(220, 38, 38, 0.18);



    /* ── Shadows (dark zeminde gri yerine derin siyah) ──── */

    --pr-shadow-xs:    0 1px 2px rgba(0, 0, 0, 0.40);

    --pr-shadow-sm:    0 2px 8px rgba(0, 0, 0, 0.45),

                       0 1px 2px rgba(0, 0, 0, 0.30);

    --pr-shadow-md:    0 8px 24px rgba(0, 0, 0, 0.55),

                       0 2px 6px rgba(0, 0, 0, 0.30);

    --pr-shadow-lg:    0 20px 50px rgba(0, 0, 0, 0.62),

                       0 6px 14px rgba(0, 0, 0, 0.38);

    --pr-shadow-xl:    0 30px 70px rgba(0, 0, 0, 0.70),

                       0 10px 22px rgba(0, 0, 0, 0.42);

    --pr-shadow-brand: 0 14px 36px rgba(16, 185, 129, 0.34),

                       0 4px 10px rgba(16, 185, 129, 0.18);



    /* ── Card tokens (dark mode) ───────────────────────────

       Dark zeminde derin gölge + ince çerçeve. */

    --pr-card-bg:           var(--pr-surface);

    --pr-card-border:       1px solid var(--pr-line);

    --pr-card-shadow:       0 2px 6px rgba(0, 0, 0, 0.32),

                            0 12px 32px rgba(0, 0, 0, 0.22);

    --pr-card-shadow-hover: 0 18px 44px rgba(0, 0, 0, 0.48),

                            0 6px 14px rgba(0, 0, 0, 0.32);



    /* ── Chrome tokens (dark mode) ─────────────────────────

       Token referansları zaten dark renk değişkenlerini kullanır;

       ek olarak yalnızca dark'ta farklılaşan değerleri ezeriz. */

    --pr-chrome-link:           var(--pr-ink-700);

    --pr-chrome-iconbtn-color:  var(--pr-ink-700);

    --pr-chrome-pill-bg:        var(--pr-surface-2);

    --pr-chrome-pill-active-bg: var(--pr-brand);

}



/* auto + sistem koyu → dark token seti */

@media (prefers-color-scheme: dark) {

    :root[data-theme="auto"] {

        color-scheme: dark;



        --pr-brand:          #0f9e96;

        --pr-brand-600:      #0b827b;

        --pr-brand-700:      #1e40af;

        --pr-brand-50:       rgba(37, 99, 235, 0.10);

        --pr-brand-100:      rgba(37, 99, 235, 0.16);

        --pr-brand-accent:   #60a5fa;

        --pr-brand-rgb:      37, 99, 235;

        --pr-brand-soft:     rgba(37, 99, 235, 0.18);

        --pr-brand-ring:     rgba(96, 165, 250, 0.32);



        --pr-ink:            #f7f7fa;

        --pr-ink-700:        #e6e6ea;

        --pr-ink-600:        #c8c8d0;

        --pr-text:           #f1f5f9;

        --pr-text-muted:     #cbd5e1;

        --pr-text-subtle:    #94a3b8;



        --pr-brand-text:       #6ee7b7;

        --pr-brand-text-hover: #a7f3d0;

        --pr-link:             var(--pr-brand-text);

        --pr-link-hover:       var(--pr-brand-text-hover);

        --pr-link-visited:     #5eead4;

        --pr-text-on-brand:    #ffffff;

        --pr-text-on-inverse:  #0f172a;

        --pr-placeholder:      #94a3b8;



        --pr-line:           rgba(255, 255, 255, 0.08);

        --pr-line-strong:    rgba(255, 255, 255, 0.14);

        --pr-line-stronger:  rgba(255, 255, 255, 0.20);



        --pr-bg:             #111827;

        --pr-bg-alt:         #1f2937;

        --pr-surface:        #1f2937;

        --pr-surface-2:      #374151;

        --pr-glass:          rgba(17, 24, 39, 0.72);

        --pr-glass-strong:   rgba(17, 24, 39, 0.92);



        --pr-success-soft:   rgba(22, 163, 74, 0.18);

        --pr-warning-soft:   rgba(234, 140, 0, 0.20);

        --pr-danger-soft:    rgba(220, 38, 38, 0.18);



        --pr-shadow-xs:    0 1px 2px rgba(0, 0, 0, 0.40);

        --pr-shadow-sm:    0 2px 8px rgba(0, 0, 0, 0.45),

                           0 1px 2px rgba(0, 0, 0, 0.30);

        --pr-shadow-md:    0 8px 24px rgba(0, 0, 0, 0.55),

                           0 2px 6px rgba(0, 0, 0, 0.30);

        --pr-shadow-lg:    0 20px 50px rgba(0, 0, 0, 0.62),

                           0 6px 14px rgba(0, 0, 0, 0.38);

        --pr-shadow-xl:    0 30px 70px rgba(0, 0, 0, 0.70),

                           0 10px 22px rgba(0, 0, 0, 0.42);

        --pr-shadow-brand: 0 14px 36px rgba(16, 185, 129, 0.34),

                           0 4px 10px rgba(16, 185, 129, 0.18);



        --pr-card-bg:           var(--pr-surface);

        --pr-card-border:       1px solid var(--pr-line);

        --pr-card-shadow:       0 2px 6px rgba(0, 0, 0, 0.32),

                                0 12px 32px rgba(0, 0, 0, 0.22);

        --pr-card-shadow-hover: 0 18px 44px rgba(0, 0, 0, 0.48),

                                0 6px 14px rgba(0, 0, 0, 0.32);



        --pr-chrome-link:           var(--pr-ink-700);

        --pr-chrome-iconbtn-color:  var(--pr-ink-700);

        --pr-chrome-pill-bg:        var(--pr-surface-2);

        --pr-chrome-pill-active-bg: var(--pr-brand);

    }

}



/* auto + sistem açık → :root light token'ları (explicit reset) */

@media (prefers-color-scheme: light) {

    :root[data-theme="auto"] {

        color-scheme: light;



        --pr-brand:          #059669;

        --pr-brand-600:      #047857;

        --pr-brand-700:      #065f46;

        --pr-brand-50:       #ecfdf5;

        --pr-brand-100:      #d1fae5;

        --pr-brand-accent:   #34d399;

        --pr-brand-rgb:      5, 150, 105;

        --pr-brand-soft:     rgba(5, 150, 105, 0.08);

        --pr-brand-ring:     rgba(5, 150, 105, 0.18);



        --pr-ink:            #111827;

        --pr-ink-700:        #1f2937;

        --pr-ink-600:        #374151;

        --pr-text:           #0f172a;

        --pr-text-muted:     #475569;

        --pr-text-subtle:    #5b6574;



        --pr-brand-text:       #047857;

        --pr-brand-text-hover: #065f46;

        --pr-link:             var(--pr-brand-text);

        --pr-link-hover:       var(--pr-brand-text-hover);

        --pr-link-visited:     #065f46;

        --pr-text-on-brand:    #ffffff;

        --pr-text-on-inverse:  #ffffff;

        --pr-placeholder:      #5b6574;



        --pr-line:           rgba(17, 24, 39, 0.06);

        --pr-line-strong:    rgba(17, 24, 39, 0.10);

        --pr-line-stronger:  rgba(17, 24, 39, 0.14);



        --pr-bg:             #F9FAFB;

        --pr-bg-alt:         #F3F4F6;

        --pr-surface:        #ffffff;

        --pr-surface-2:      #F9FAFB;

        --pr-glass:          rgba(255, 255, 255, 0.72);

        --pr-glass-strong:   rgba(255, 255, 255, 0.86);



        --pr-shadow-xs:    0 1px 2px rgba(10, 10, 11, 0.04);

        --pr-shadow-sm:    0 2px 8px rgba(10, 10, 11, 0.04),

                           0 1px 2px rgba(10, 10, 11, 0.03);

        --pr-shadow-md:    0 8px 24px rgba(10, 10, 11, 0.06),

                           0 2px 6px rgba(10, 10, 11, 0.04);

        --pr-shadow-lg:    0 20px 50px rgba(10, 10, 11, 0.10),

                           0 6px 14px rgba(10, 10, 11, 0.05);

        --pr-shadow-xl:    0 30px 70px rgba(10, 10, 11, 0.14),

                           0 10px 22px rgba(10, 10, 11, 0.07);

        --pr-shadow-brand: 0 14px 36px rgba(5, 150, 105, 0.22),

                           0 4px 10px rgba(5, 150, 105, 0.12);



        --pr-card-bg:           var(--pr-surface);

        --pr-card-border:       1px solid var(--pr-line);

        --pr-card-shadow:       0 2px 4px rgba(10, 10, 11, 0.03),

                                0 10px 28px rgba(10, 10, 11, 0.05);

        --pr-card-shadow-hover: 0 16px 44px rgba(10, 10, 11, 0.08),

                                0 4px 12px rgba(10, 10, 11, 0.05);



        /* Chrome (auto + system light) */

        --pr-chrome-pill-bg:        var(--pr-surface);

        --pr-chrome-pill-active-bg: var(--pr-ink);

    }

}



/* Tema değişiminde sayfa renklerinin yumuşak geçişi.

   Yalnızca color-related property'ler — layout etkilenmez. */

:root.theme-transition,

:root.theme-transition * {

    transition:

        background-color var(--pr-dur-base) var(--pr-ease-soft),

        color var(--pr-dur-base) var(--pr-ease-soft),

        border-color var(--pr-dur-base) var(--pr-ease-soft),

        fill var(--pr-dur-base) var(--pr-ease-soft),

        stroke var(--pr-dur-base) var(--pr-ease-soft) !important;

}
}

@layer base {
/* =====================================================================

   01-base.css  —  Reset, html/body, typography, links

   ---------------------------------------------------------------------

   Sıfır !important. Tüm browser-default'ları normalize eder ve

   premium tipografi temelini kurar.

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





/* ── Box-sizing & overflow ─────────────────────────────────────────── */

*,

*::before,

*::after {

    box-sizing: border-box;

}



html {

    width: 100%;

    max-width: 100%;

    overflow-x: visible;

    -webkit-text-size-adjust: 100%;

    scroll-behavior: smooth;

}



body {

    width: 100%;

    max-width: 100%;

    overflow-x: clip;

    overflow-x: hidden;

    overflow-wrap: var(--pr-text-wrap-body);

    background-color: var(--pr-bg);

    color: var(--pr-text);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-base);

    font-weight: var(--pr-fw-regular);

    line-height: var(--pr-leading-relaxed);

    letter-spacing: var(--pr-track-normal);

    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;

    font-variant-numeric: lining-nums proportional-nums;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

}



main {

    background-color: var(--pr-bg);

}





/* ── Media elements ────────────────────────────────────────────────── */

img,

picture,

video,

canvas,

svg,

iframe,

embed,

object {

    max-width: 100%;

    height: auto;

}



iframe {

    border: 0;

}



img {

    image-rendering: -webkit-optimize-contrast;

    -webkit-user-drag: none;

}



/* Sabit width="..." attribute'larını ezerek responsive yap.

   HTML width attribute bazı tarayıcılarda CSS max-width: 100%'i geçer. */

img[width],

img[height] {

    max-width: 100%;

    height: auto;

}



/* Lazy yüklenen image'ler için CLS önleme (placeholder layout) */

img[loading="lazy"] {

    background-color: var(--pr-bg-alt);

    transition: opacity 240ms var(--pr-ease);

}



/* Native lazy henüz yüklenmediği sürece placeholder ton */

img[loading="lazy"]:not([src]),

img[loading="lazy"][src=""] {

    opacity: 0;

}





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

   TYPOGRAPHY HIERARCHY  —  Plus Jakarta Sans + Inter

   ---------------------------------------------------------------------

     • h1–h3: display font, extrabold/bold — keskin başlıklar

     • h4–h6: UI sans, semibold

     • p / açıklama: muted gri, ferah line-height, ölçülü genişlik

     • text-wrap: balance (başlık) / pretty (gövde)

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



h1, h2, h3, h4, h5, h6 {

    color: var(--pr-ink);

    margin-top: 0;

    margin-bottom: 0.5em;

    overflow-wrap: var(--pr-text-wrap-heading);

    word-break: normal;

    hyphens: auto;

    text-wrap: balance;

}



/* Display — Plus Jakarta Sans */

h1, h2, h3 {

    font-family: var(--pr-font-display);

    font-weight: var(--pr-fw-bold);

    letter-spacing: var(--pr-track-tighter);

    font-optical-sizing: auto;

}



h1 {

    font-size: var(--pr-display-2xl);

    font-weight: var(--pr-fw-extrabold);

    line-height: var(--pr-leading-display);

    letter-spacing: var(--pr-track-tightest);

}



h2 {

    font-size: var(--pr-display-xl);

    line-height: var(--pr-leading-tight);

}



h3 {

    font-size: var(--pr-display-lg);

    line-height: var(--pr-leading-tight);

}



/* Alt başlıklar — Inter UI */

h4, h5, h6 {

    font-family: var(--pr-font-sans);

    font-weight: var(--pr-fw-semibold);

    letter-spacing: var(--pr-track-tight);

}



h4 {

    font-size: var(--pr-display-md);

    line-height: var(--pr-leading-snug);

}



h5 {

    font-size: var(--pr-display-sm);

    line-height: var(--pr-leading-snug);

}



h6 {

    font-size: var(--pr-display-xs);

    line-height: var(--pr-leading-normal);

}



/* İçerik akışında ardışık başlık üstü ekstra nefes (rhythm) */

* + h1,

* + h2,

* + h3 {

    margin-top: 1.6em;

}



* + h4,

* + h5,

* + h6 {

    margin-top: 1.4em;

}





/* ── Paragraflar — açıklama tonu (gri), dengeli satır aralığı ───── */

p {

    color: var(--pr-text-muted);

    font-size: var(--pr-text-base);

    font-weight: var(--pr-fw-regular);

    line-height: var(--pr-leading-relaxed);

    letter-spacing: var(--pr-track-normal);

    margin-top: 0;

    margin-bottom: 1em;

    max-width: min(100%, var(--pr-measure));

    overflow-wrap: var(--pr-text-wrap-body);

    word-break: normal;

    text-wrap: pretty;

}



/* Lead / section açıklaması — biraz daha büyük, yine muted */

.lead,

p.lead,

.text-description,

.text-secondary,

.pr-section-lead,

.cs-global-desc-1 {

    font-size: var(--pr-display-2xs);

    line-height: var(--pr-leading-relaxed);

    color: var(--pr-text-muted);

    font-weight: var(--pr-fw-regular);

    letter-spacing: var(--pr-track-normal);

    max-width: min(100%, var(--pr-measure));

    margin-bottom: 1.25em;

    text-wrap: pretty;

}



/* Eyebrow / overline — küçük caps, vurgu önü */

.eyebrow,

.text-eyebrow {

    display: inline-block;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-xs);

    font-weight: var(--pr-fw-semibold);

    letter-spacing: var(--pr-track-widest);

    text-transform: uppercase;

    color: var(--pr-brand);

    margin-bottom: var(--pr-space-3);

    max-width: none;

}



small,

.text-small {

    font-size: var(--pr-text-sm);

    line-height: var(--pr-leading-normal);

    color: var(--pr-text-subtle);

}



strong, b {

    font-weight: var(--pr-fw-semibold);

    color: var(--pr-ink);

}



/* Form / UI metinleri — paragraf muted kuralından muaf */

label,

legend,

button,

input,

select,

textarea,

.btn,

.cs-primary-btn-1,

.cs-secondary-btn-1 {

    font-family: var(--pr-font-sans);

}



label,

legend {

    color: var(--pr-ink-700);

    font-weight: var(--pr-fw-medium);

    font-size: var(--pr-text-sm);

    line-height: var(--pr-leading-normal);

}



/* Liste gövdesi */

ul,

ol {

    color: var(--pr-text-muted);

    line-height: var(--pr-leading-relaxed);

    padding-left: 1.25em;

    max-width: var(--pr-measure-wide);

}



li {

    overflow-wrap: var(--pr-text-wrap-body);

    word-break: normal;

}



li + li {

    margin-top: 0.35em;

}





/* ── Prose: uzun-form makale — daha koyu gövde, geniş satır aralığı ─ */

.prose {

    max-width: min(100%, var(--pr-measure));

    color: var(--pr-text);

    font-size: var(--pr-display-2xs);

    line-height: var(--pr-leading-loose);

}



.prose p {

    color: var(--pr-text);

    max-width: 100%;

}



.prose > * + * {

    margin-top: 1.1em;

}



.prose h2 {

    margin-top: 2em;

    margin-bottom: 0.5em;

}



.prose h3 {

    margin-top: 1.6em;

    margin-bottom: 0.4em;

}



.prose ul,

.prose ol {

    padding-left: 1.4em;

}



.prose li + li {

    margin-top: 0.4em;

}



.prose blockquote {

    margin: 1.5em 0;

    padding: 0.75em 1.25em;

    border-left: 3px solid var(--pr-brand);

    background: var(--pr-bg-alt);

    border-radius: 0 var(--pr-r-md) var(--pr-r-md) 0;

    font-style: normal;

    color: var(--pr-ink-700);

}



.prose code {

    font-family: var(--pr-font-mono);

    font-size: 0.92em;

    padding: 0.18em 0.42em;

    border-radius: var(--pr-r-sm);

    background: var(--pr-bg-alt);

    color: var(--pr-ink);

}





/* ── Numerik tablolar / fiyat — tabular nums ─────────────────────── */

table,

.cs-vehicle-price-1,

.cs-car-price-1,

.tabular-nums {

    font-variant-numeric: tabular-nums lining-nums;

}





/* ── Metin taşma — güvenli sarma (kelime ortası kırma minimum) ───── */

:where(p, li, td, th, figcaption, blockquote) {

    overflow-wrap: var(--pr-text-wrap-body);

    word-break: normal;

}



:where(h1, h2, h3, h4, h5, h6) {

    overflow-wrap: var(--pr-text-wrap-heading);

    word-break: normal;

}



/* Uzun URL / e-posta / hash */

:where(a[href^="http"], a[href^="mailto:"], .u-break-all) {

    overflow-wrap: var(--pr-text-wrap-url);

    word-break: break-word;

}



pre,

code {

    white-space: pre-wrap;

    overflow-wrap: var(--pr-text-wrap-url);

    word-break: break-word;

    max-width: 100%;

}





/* ── Links ─────────────────────────────────────────────────────────── */

a {

    color: var(--pr-link);

    text-decoration: none;

    transition: color var(--pr-dur-fast) var(--pr-ease);

}



a:hover {

    color: var(--pr-link-hover);

}





/* ── Tables ────────────────────────────────────────────────────────── */

table {

    max-width: 100%;

    border-collapse: collapse;

}





/* ── HR ────────────────────────────────────────────────────────────── */

hr {

    border: 0;

    border-top: 1px solid var(--pr-line);

    margin: var(--pr-space-8) 0;

}





/* ── Selection ─────────────────────────────────────────────────────── */

::selection {

    background: var(--pr-brand);

    color: #fff;

}





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

   ACCESSIBILITY  —  WCAG 2.1 AA temelleri

   ---------------------------------------------------------------------

   • Skip link, sr-only utility, focus-visible enhancement

   • Reduced-motion zaten dosyanın altında var

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





/* ── Skip link  (.pr-skip-link)  ─  klavye-only, ekran okuyucu okur ── */

.pr-skip-link {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 10000;

    padding: 12px 18px;

    background: var(--pr-brand);

    color: #fff;

    font-family: var(--pr-font-sans);

    font-size: 15px;

    font-weight: 600;

    border-radius: 0 0 var(--pr-r-md) 0;

    text-decoration: none;

    transform: translateY(-200%);

    transition: transform var(--pr-dur-fast) var(--pr-ease);

}



.pr-skip-link:focus,

.pr-skip-link:focus-visible {

    transform: translateY(0);

    color: #fff;

    outline: 3px solid #fff;

    outline-offset: -6px;

}



/* main odağı görünmesin (focus state nötr) */

main:focus,

main:focus-visible {

    outline: none;

}





/* ── Visually hidden / screen-reader only (.sr-only) ──────────────── */

/* WAI standart pattern: yalnızca ekran okuyucu için içerik */

.sr-only,

.visually-hidden {

    position: absolute !important;

    width: 1px !important;

    height: 1px !important;

    padding: 0 !important;

    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;

    border: 0 !important;

}



/* Odaklanınca ortaya çıkan varyant (skip link ve benzeri) */

.sr-only-focusable:focus,

.sr-only-focusable:focus-visible {

    position: static !important;

    width: auto !important;

    height: auto !important;

    padding: inherit !important;

    margin: inherit !important;

    overflow: visible !important;

    clip: auto !important;

    white-space: normal !important;

}





/* ── Focus visible (her yerde tutarlı, WCAG 2.4.7 Focus Visible) ──── */

:focus-visible {

    outline: 2px solid var(--pr-brand);

    outline-offset: 3px;

    border-radius: var(--pr-r-sm);

}



/* Buton & link ring efekti (4px brand-ring halo) */

button:focus-visible,

a:focus-visible,

.btn:focus-visible,

[role="button"]:focus-visible,

summary:focus-visible {

    outline: 0;

    box-shadow: 0 0 0 4px var(--pr-brand-ring);

}



/* Form kontrolleri için inset glow + brand border */

input:focus-visible,

textarea:focus-visible,

select:focus-visible,

.form-control:focus-visible,

[contenteditable="true"]:focus-visible {

    outline: 0;

    border-color: var(--pr-brand) !important;

    box-shadow: 0 0 0 3px var(--pr-brand-ring);

}



/* Klavye olmadan tıklanan buton outline olmasın (mouse user'a estetik) */

button:focus:not(:focus-visible),

a:focus:not(:focus-visible),

.btn:focus:not(:focus-visible),

input:focus:not(:focus-visible),

select:focus:not(:focus-visible),

textarea:focus:not(:focus-visible) {

    outline: 0;

    box-shadow: none;

}





/* ── High-contrast mode (Windows Forced Colors) ──────────────────── */

@media (forced-colors: active) {

    .pr-skip-link {

        background: ButtonFace;

        color: ButtonText;

        border: 2px solid ButtonText;

    }

    :focus-visible {

        outline: 3px solid CanvasText;

    }

}





/* ── Scrollbar (sadece desktop, modern tarayıcılar) ────────────────── */

@media (min-width: 1024px) {

    ::-webkit-scrollbar {

        width: 10px;

        height: 10px;

    }



    ::-webkit-scrollbar-track {

        background: transparent;

    }



    ::-webkit-scrollbar-thumb {

        background: var(--pr-line-stronger);

        border-radius: var(--pr-r-pill);

        border: 2px solid var(--pr-bg);

    }



    ::-webkit-scrollbar-thumb:hover {

        background: var(--pr-text-subtle);

    }

}





/* ── Motion preferences (kullanıcı reduce isterse durdur) ──────────── */

@media (prefers-reduced-motion: reduce) {

    *,

    *::before,

    *::after {

        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;

        scroll-behavior: auto !important;

    }

}
}

@layer layout {
/* =====================================================================

   02-layout.css  —  Header, navbar, footer, container, sticky

   ---------------------------------------------------------------------

   Layout-only: ana iskelet düzeni. Component (button/card/modal) yok.

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





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

   ████  SHARED CHROME — header & footer ortak tasarım dili  ████

   ─────────────────────────────────────────────────────────────────────

   Header ve footer uygulamanın "kabuğu"dur. Kullanıcı sayfanın iki

   ucunda da aynı micro-interactions hissetmeli. Bu blok her iki

   componentin paylaştığı kuralları tek noktada toplar.



   Token kaynağı: 00-tokens.css → --pr-chrome-*



   Eşitlenen 6 boyut:

     1) Spacing       → padding/gap aynı space ölçeğinde (3,4,5,6)

     2) Typography    → display font yok; tek family + tutarlı ağırlık

     3) Renk          → link default ink-700 / hover brand

     4) Hover         → underline scaleX wipe + brand color

     5) Icon stili    → 40×40 pill, transparent → brand-soft + brand

     6) Transition    → tek easing (--pr-ease) + tek süre (fast/base)

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



/* ── Ortak link davranışı (header nav + footer nav) ──────── */

.cs-sticky-header-1 a,

.pr-footer__list a,

.pr-footer__legal a,

.pr-footer__lang a {

    transition:

        color var(--pr-chrome-transition),

        background-color var(--pr-chrome-transition),

        transform var(--pr-chrome-transition),

        border-color var(--pr-chrome-transition);

}



/* ── Ortak focus-visible — chrome içindeki tüm interactive ── */

.cs-sticky-header-1 a:focus-visible,

.cs-sticky-header-1 button:focus-visible,

.cs-sticky-header-1 select:focus-visible,

.pr-footer a:focus-visible,

.pr-footer button:focus-visible {

    outline: 0;

    box-shadow: 0 0 0 4px var(--pr-brand-ring);

    border-radius: var(--pr-r-md);

}



/* Pill-shape elemanlarda focus-ring de pill olsun */

.cs-sticky-header-1 .main-a-1:focus-visible,

.cs-sticky-header-1 .cs-header-btn-1:focus-visible,

.cs-sticky-header-1 .cs-header-btn-2:focus-visible,

.cs-sticky-header-1 .cs-header-btn-3:focus-visible,

.cs-sticky-header-1 .cs-header-btn-4:focus-visible,

.pr-footer__social a:focus-visible,

.pr-footer__lang a:focus-visible {

    border-radius: var(--pr-r-pill);

}





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

   PREMIUM NAVBAR — Apple-style sticky header

   ------------------------------------------------------------

   Davranış:

     • Top'ta:   neredeyse şeffaf (rgba 0.55), border yok, gölge yok

     • Scroll:   .is-scrolled → strong glass + ince border + soft shadow

     • Logo:     hover'da hafif sönükleşir (Apple tipiklik)

     • Nav link: alt çizgi animasyonu (left → right wipe), .active'de tam

     • Dropdown: yumuşak fade + 8px aşağı translate

   Tüm transition'lar tek easing (--pr-ease) ile akar.

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



.cs-sticky-header-1 {

    position: sticky;

    top: 0;

    left: 0;

    right: 0;

    z-index: var(--pr-z-sticky);

    width: 100%;

    min-height: var(--pr-header-h);

    background: rgba(255, 255, 255, 0.72);

    -webkit-backdrop-filter: saturate(180%) blur(10px);

            backdrop-filter: saturate(180%) blur(10px);

    border-bottom: 1px solid transparent;

    box-shadow: none;

    will-change: auto;

    transition: background var(--pr-dur-base) var(--pr-ease),

                -webkit-backdrop-filter var(--pr-dur-base) var(--pr-ease),

                backdrop-filter var(--pr-dur-base) var(--pr-ease),

                box-shadow var(--pr-dur-base) var(--pr-ease),

                border-color var(--pr-dur-base) var(--pr-ease);

}



/* Ana sayfa hero üzerinde — hafif cam, scroll'da güçlenir */

.cs-sticky-header-1.header-transparent:not(.is-scrolled):not(.is-menu-open) {

    background: rgba(255, 255, 255, 0.45);

    -webkit-backdrop-filter: saturate(160%) blur(8px);

            backdrop-filter: saturate(160%) blur(8px);

    border-bottom-color: transparent;

}



.cs-sticky-header-1.is-scrolled,

.cs-sticky-header-1.is-menu-open {

    background: rgba(255, 255, 255, 0.88);

    -webkit-backdrop-filter: saturate(180%) blur(20px);

            backdrop-filter: saturate(180%) blur(20px);

    border-bottom: 1px solid var(--pr-line);

    box-shadow: 0 1px 0 rgba(17, 24, 39, 0.04),

                0 12px 32px rgba(17, 24, 39, 0.06);

}



/* Header iç container premium spacing */

.cs-sticky-header-1 .container,

.cs-sticky-header-1 .container-2 {

    padding-top: 12px;

    padding-bottom: 12px;

}



.cs-sticky-header-1.is-scrolled .container,

.cs-sticky-header-1.is-scrolled .container-2 {

    padding-top: 12px;

    padding-bottom: 12px;

}





/* ── Header grid — legacy flex genişliklerini sıfırla ─────── */

.cs-header-row-1 {

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: space-between;

    gap: var(--pr-space-4);

    width: 100%;

    margin-left: 0;

    margin-right: 0;

}



.cshr1-col-1,

.cshr1-col-2,

.cshr1-col-3 {

    flex: 0 0 auto;

    max-width: none;

    width: auto;

}



.cshr1-col-2 {

    flex: 1 1 auto;

    min-width: 0;

    display: flex;

    justify-content: center;

}



.pr-header-actions,

.cs-header-row-2 {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    flex-wrap: nowrap;

    gap: var(--pr-space-2);

    width: 100%;

}



.pr-header-actions .cshr2-col-1,

.pr-header-actions .cshr2-col-2,

.pr-header-actions .cshr2-col-3,

.cs-header-row-2 .cshr2-col-1 {

    flex: 0 0 auto;

    flex-basis: auto;

    max-width: none;

    min-width: 0;

    width: auto;

    display: flex;

    align-items: center;

}



.cs-header-row-2 .cshr2-col-1 {

    min-width: 72px;

    overflow: visible;

}



/* Tema + dil — dikey hizalı toolbar */

.pr-header-toolbar {

    display: inline-flex;

    align-items: center;

    gap: var(--pr-space-1);

    flex-shrink: 0;

    min-height: var(--pr-chrome-iconbtn-size);

}



.pr-header-toolbar .pr-theme-toggle {

    flex-shrink: 0;

    margin: 0;

}





/* ── Brand / logo ────────────────────────────────────────── */

.cs-sticky-header-1 .cs-main-logo-1 {

    display: inline-flex;

    align-items: center;

    transition: transform var(--pr-dur-base) var(--pr-ease);

}



.cs-sticky-header-1 .cs-main-logo-1:hover {

    transform: translateY(-1px);

}



.cs-sticky-header-1 .cs-main-logo-1 img {

    height: auto;

    max-height: 40px;

    width: auto;

    transition: opacity var(--pr-dur-fast) var(--pr-ease),

                max-height var(--pr-dur-base) var(--pr-ease);

}



.cs-sticky-header-1 .cs-main-logo-1:hover img {

    opacity: 0.85;

}





/* ── Main nav (cs-main-menu-1 → main-li-1 → main-a-1) ──── */

.cs-sticky-header-1 .cs-main-menu-1 {

    display: flex;

    align-items: center;

    gap: var(--pr-space-1);

    list-style: none;

    margin: 0;

    padding: 0;

}



.cs-sticky-header-1 .main-li-1 {

    position: relative;

}



.cs-sticky-header-1 .main-a-1 {

    display: inline-flex;

    align-items: center;

    gap: var(--pr-space-2);

    position: relative;

    padding: 10px 14px;

    color: var(--pr-chrome-link);

    font-family: var(--pr-font-sans);

    font-size: 15px;                          /* SaaS standard nav size */

    font-weight: 500;

    line-height: var(--pr-leading-flat);

    letter-spacing: var(--pr-track-snug);

    text-transform: none;

    text-decoration: none;

    border-radius: var(--pr-r-pill);

}



/* Animated underline (Apple tarzı left→right wipe) */

.cs-sticky-header-1 .main-a-1::after {

    content: "";

    position: absolute;

    left: 14px;

    right: 14px;

    bottom: 4px;

    height: 2px;

    background: currentColor;

    border-radius: 2px;

    transform-origin: left center;

    transform: scaleX(0);

    opacity: 0.85;

    transition: transform var(--pr-dur-base) var(--pr-ease);

}



.cs-sticky-header-1 .main-a-1:hover {

    color: var(--pr-chrome-link-hover);

}



.cs-sticky-header-1 .main-a-1:hover::after,

.cs-sticky-header-1 .main-a-1.active::after {

    transform: scaleX(1);

}



.cs-sticky-header-1 .main-a-1.active {

    color: var(--pr-chrome-link-active);

    font-weight: 600;

}



/* Dropdown caret indicator (main-dd-l-1) */

.cs-sticky-header-1 .main-dd-l-1::before {

    content: "";

    display: inline-block;

    width: 6px;

    height: 6px;

    margin-left: 4px;

    border-right: 1.5px solid currentColor;

    border-bottom: 1.5px solid currentColor;

    transform: rotate(45deg) translateY(-2px);

    transition: transform var(--pr-dur-fast) var(--pr-ease);

    opacity: 0.6;

}



.cs-sticky-header-1 .main-li-1:hover .main-dd-l-1::before {

    transform: rotate(225deg) translate(-2px, 2px);

    opacity: 1;

}





/* ── Desktop dropdown (main-dd-d-1) ────────────────────── */

.cs-sticky-header-1 .main-dd-d-1 {

    position: absolute;

    left: 50%;

    top: 100%;

    min-width: 240px;

    transform: translateX(-50%);

    background: transparent;

    border: 0;

    border-radius: 0;

    box-shadow: none;

    padding: 10px 0 0;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition: opacity var(--pr-dur-base) var(--pr-ease),

                visibility 0s linear var(--pr-dur-base);

    z-index: var(--pr-z-dropdown);

    overflow: visible;

}



.cs-sticky-header-1 .main-dd-d-1 > .mdd-m-1 {

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-lg);

    box-shadow: var(--pr-shadow-md);

    padding: 6px;

}



.cs-sticky-header-1 .main-dd-d-1::before {

    display: none;

}



.cs-sticky-header-1 .main-li-1:hover > .main-dd-d-1,

.cs-sticky-header-1 .main-li-1:focus-within > .main-dd-d-1,

.cs-sticky-header-1 .main-li-1.dd-active-1 > .main-dd-d-1 {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transition-delay: 0s;

}



.cs-sticky-header-1 .mdd-m-1 {

    list-style: none;

    margin: 0;

    padding: 0;

}



.cs-sticky-header-1 .mdd-m-i-1 {

    border: 0;

}



.cs-sticky-header-1 .mdd-m-l-1,

.cs-sticky-header-1 .csgdd1-m-l-1 {

    display: block;

    padding: 10px 14px;

    color: var(--pr-chrome-link);

    font-size: var(--pr-text-sm);

    font-weight: 500;

    letter-spacing: var(--pr-track-snug);

    text-decoration: none;

    border-radius: var(--pr-r-md);

    transition: color var(--pr-chrome-transition),

                background-color var(--pr-chrome-transition),

                padding-left var(--pr-chrome-transition-base);

}



.cs-sticky-header-1 .mdd-m-l-1:hover,

.cs-sticky-header-1 .csgdd1-m-l-1:hover {

    background: var(--pr-brand-soft);

    color: var(--pr-chrome-link-hover);

    padding-left: 18px;

}



.cs-sticky-header-1 .mdd-m-l-1.active {

    color: var(--pr-chrome-link-active);

    background: var(--pr-brand-soft);

    font-weight: 600;

}





/* ── Header right column buttons ───────────────────────── */

.cs-sticky-header-1 .cs-header-btn-1,

.cs-sticky-header-1 .cs-header-btn-2 {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: var(--pr-chrome-iconbtn-size);

    height: var(--pr-chrome-iconbtn-size);

    border-radius: var(--pr-r-pill);

    color: var(--pr-chrome-iconbtn-color);

    background: var(--pr-chrome-iconbtn-bg);

    border: 1px solid transparent;

    transition: background var(--pr-chrome-transition),

                border-color var(--pr-chrome-transition),

                transform var(--pr-chrome-transition),

                color var(--pr-chrome-transition);

}



.cs-sticky-header-1 .cs-header-btn-1:hover,

.cs-sticky-header-1 .cs-header-btn-2:hover {

    background: var(--pr-chrome-iconbtn-hover-bg);

    border-color: var(--pr-chrome-iconbtn-border);

    color: var(--pr-chrome-iconbtn-hover-color);

}



.cs-sticky-header-1 .cs-header-btn-1:active,

.cs-sticky-header-1 .cs-header-btn-2:active {

    transform: scale(0.96);

}



/* Bildirim noktası (notification) */

.cs-sticky-header-1 .cs-header-btn-1.notification {

    position: relative;

}



.cs-sticky-header-1 .cs-header-btn-1.notification::after {

    content: "";

    position: absolute;

    top: 8px;

    right: 8px;

    width: 8px;

    height: 8px;

    background: var(--pr-danger);

    border: 2px solid var(--pr-surface);

    border-radius: 50%;

    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.20);

    animation: pr-pulse 2.4s var(--pr-ease) infinite;

}



@keyframes pr-pulse {

    0%, 100% { box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.18); }

    50%      { box-shadow: 0 0 0 6px rgba(220, 38, 38, 0.05); }

}



@media (prefers-reduced-motion: reduce) {

    .cs-sticky-header-1 .cs-header-btn-1.notification::after {

        animation: none;

    }

}





/* ── Login / user dropdown (cs-globe-dd-1) ─────────────── */

.cs-sticky-header-1 .cs-header-btn-3 {

    display: inline-flex;

    align-items: center;

    height: 40px;

    padding: 0 18px;

    border-radius: var(--pr-r-pill);

    background: var(--pr-ink);

    color: #fff;

    font-size: var(--pr-text-sm);

    font-weight: 600;

    letter-spacing: var(--pr-track-snug);

    text-decoration: none;

    transition: background var(--pr-dur-fast) var(--pr-ease),

                transform var(--pr-dur-fast) var(--pr-ease),

                box-shadow var(--pr-dur-base) var(--pr-ease);

}



.cs-sticky-header-1 .cs-header-btn-3:hover {

    background: var(--pr-brand);

    color: #fff;

    box-shadow: var(--pr-shadow-brand);

}



.cs-sticky-header-1 .cs-header-btn-3:active {

    transform: scale(0.97);

}



.cs-sticky-header-1 .cs-header-btn-3 .ds-in-1 {

    display: inline-flex;

    align-items: center;

    gap: 6px;

}



/* Avatar pill (logged-in cs-header-btn-4) */

.cs-sticky-header-1 .cs-header-btn-4 {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    height: 40px;

    padding: 4px 14px 4px 4px;

    background: var(--pr-bg-alt);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-pill);

    color: var(--pr-ink-700);

    text-decoration: none;

    transition: background var(--pr-dur-fast) var(--pr-ease),

                border-color var(--pr-dur-fast) var(--pr-ease);

}



.cs-sticky-header-1 .cs-header-btn-4:hover {

    background: var(--pr-surface);

    border-color: var(--pr-line-strong);

}



.cs-sticky-header-1 .cs-header-btn-4 .image-d-1 {

    width: 32px;

    height: 32px;

    border-radius: 50%;

    overflow: hidden;

    flex-shrink: 0;

    background: var(--pr-brand-soft);

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--pr-brand);

    font-weight: 700;

    font-size: var(--pr-text-xs);

}



.cs-sticky-header-1 .cs-header-btn-4 .image-d-1 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.cs-sticky-header-1 .cs-header-btn-4 .name-d-1 .name-t-1 {

    margin: 0;

    font-size: var(--pr-text-sm);

    font-weight: 600;

    color: var(--pr-ink-700);

    max-width: 120px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



/* Login/user dropdown panel — same style as desktop dropdown */

.cs-sticky-header-1 .cs-globe-dd-1 {

    position: relative;

}



.cs-sticky-header-1 .csgdd1-d-1 {

    position: absolute;

    right: 0;

    top: 100%;

    min-width: 220px;

    background: transparent;

    border: 0;

    border-radius: 0;

    box-shadow: none;

    padding: 10px 0 0;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: none;

    transition: opacity var(--pr-dur-base) var(--pr-ease),

                visibility 0s linear var(--pr-dur-base);

    z-index: var(--pr-z-dropdown);

    overflow: visible;

}



.cs-sticky-header-1 .csgdd1-d-1 > .csgdd1-m-1 {

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-lg);

    box-shadow: var(--pr-shadow-md);

    padding: 6px;

}



.cs-sticky-header-1 .cs-globe-dd-1:hover .csgdd1-d-1,

.cs-sticky-header-1 .cs-globe-dd-1:focus-within .csgdd1-d-1,

.cs-sticky-header-1 .cs-globe-dd-1.dd-active-1 .csgdd1-d-1 {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transition-delay: 0s;

}



.cs-sticky-header-1 .csgdd1-m-1 {

    list-style: none;

    margin: 0;

    padding: 0;

}

/* csgdd1-m-l-1 stilleri yukarıda mdd-m-l-1 ile birleşti (tek tip) */





/* ── Language select (compact) ─────────────────────────── */

.cs-sticky-header-1 .cs-language-select {

    height: 40px;

    min-width: 72px;

    width: 72px;

    max-width: 84px;

    padding: 0 28px 0 12px;

    margin: 0;

    background-color: #ffffff;

    border: 1px solid rgba(26, 31, 54, 0.14);

    border-radius: 12px;

    color: #1a1f36;

    -webkit-text-fill-color: #1a1f36;

    font-family: var(--pr-font-sans);

    font-size: 13px;

    font-weight: var(--pr-fw-semibold);

    line-height: 38px;

    letter-spacing: 0.04em;

    cursor: pointer;

    vertical-align: middle;

    color-scheme: light;

    overflow: visible;

    white-space: nowrap;

    text-overflow: clip;

    transition: background var(--pr-dur-fast) var(--pr-ease),

                border-color var(--pr-dur-fast) var(--pr-ease);



    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    background-image:

        linear-gradient(45deg, transparent 50%, #1a1f36 50%),

        linear-gradient(135deg, #1a1f36 50%, transparent 50%);

    background-position: right 12px center, right 7px center;

    background-size: 5px 5px;

    background-repeat: no-repeat;

}



.cs-sticky-header-1 .cs-language-select:hover {

    background-color: #f0faf7;

    border-color: #0f9e96;

    color: #0b827b;

    -webkit-text-fill-color: #0b827b;

}



.cs-sticky-header-1 .cs-language-select option {

    background-color: #ffffff;

    color: #1a1f36;

}





/* ── Mobile menu toggle (hamburger) ────────────────────── */

/* <button> semantiğine geçti → default button stili (border, bg) reset */

.cs-sticky-header-1 button.cs-humberge-m-1,

.cs-sticky-header-1 .cs-humberge-m-1 {

    display: none;            /* desktop hidden — responsive.css gösterir */

    align-items: center;

    justify-content: center;

    width: 44px;              /* WCAG 2.5.5 Target Size — minimum 44×44 */

    height: 44px;

    padding: 0;

    border: 0;

    background: transparent;

    border-radius: var(--pr-r-md);

    cursor: pointer;

    flex-direction: column;

    gap: 5px;

    color: inherit;

    font: inherit;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

}



.cs-sticky-header-1 .cs-humberge-m-1:focus-visible {

    outline: 0;

    box-shadow: 0 0 0 4px var(--pr-brand-ring);

}



/* Dropdown trigger (role=button olan <a>) klavye uyumu — Enter/Space

   inline JS olmadan da odaklanılabilsin diye href="javascript:void(0)"

   hâlinde kalıyor. aria-expanded değişimi mevcut hover JS akışında. */

.cs-sticky-header-1 .main-dd-l-1[aria-expanded="true"]::after,

.cs-sticky-header-1 .csgdd1-l-1[aria-expanded="true"]::after {

    /* Görsel ipucu yok, mevcut hover stilleri devam ediyor.

       aria-expanded sadece screen reader durumu bildirir. */

    content: '';

}





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

   FOOTER  —  Premium grid · sade · soft hover

   ---------------------------------------------------------------------

   Yapı:

     <footer.cs-footer-1.pr-footer>

       .container

         .cs-footer-row-1.pr-footer__grid

           .pr-footer__brand   (logo + tagline + sosyal)

           .pr-footer__col × 4  (link kolonları)

           .pr-footer__apps    (uygulama indirme CTA)

         .pr-footer__bottom    (copyright · legal · dil seçici)



   Mimari:

     • Mobile-first: tek kolon stack

     • ≥ 640px: brand 2 kolon, link kolonları 2-2

     • ≥ 1024px: full grid (brand 1.4fr · 4 col 1fr · apps 1.2fr)

     • Tüm hover’lar 160ms cubic-bezier (token), translate3d (composite)

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



.cs-footer-1,

footer.pr-footer {

    position: relative;

    background: var(--pr-bg-alt);

    color: var(--pr-text-muted);

    border-top: 1px solid var(--pr-line);

    padding-top: var(--pr-space-16);

    padding-bottom: var(--pr-space-8);

    font-size: var(--pr-text-sm);

    line-height: var(--pr-leading-relaxed);

    contain: paint;

}



/* Legacy main.min.css row/col + koyu tema kalıntılarını nötralize et */

.pr-footer .container {

    padding-left: var(--pr-space-4);

    padding-right: var(--pr-space-4);

}



.pr-footer .cs-footer-row-1,

.pr-footer .pr-footer__grid {

    display: grid;

    width: 100%;

}



.pr-footer .csfr1-col-1,

.pr-footer .pr-footer__brand,

.pr-footer .pr-footer__col,

.pr-footer .pr-footer__apps {

    flex: none !important;

    max-width: none !important;

    width: auto;

    margin: 0 !important;

    padding: 0;

    float: none;

}



/* Eski sarı highlight çizgisi (cs-wbg-head-1 span::before) */

.pr-footer .cs-wbg-head-1,

.pr-footer .cs-wbg-head-2 {

    color: var(--pr-ink-700);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-xs);

    font-weight: var(--pr-fw-semibold);

    letter-spacing: var(--pr-track-widest);

    text-transform: uppercase;

    margin: 0 0 var(--pr-space-4);

}



.pr-footer .cs-wbg-head-1 span,

.pr-footer .cs-wbg-head-2 span {

    background: none;

    padding: 0;

}



.pr-footer .cs-wbg-head-1 span::before,

.pr-footer .cs-wbg-head-2 span::before {

    display: none;

    content: none;

}



/* İnce gradient ayraç — üst sınırı yumuşatır (Apple/Linear hissi) */

.pr-footer::before {

    content: "";

    position: absolute;

    inset: 0 0 auto 0;

    height: 1px;

    background: linear-gradient(90deg,

        transparent 0,

        var(--pr-line-strong) 18%,

        var(--pr-line-strong) 82%,

        transparent 100%);

    pointer-events: none;

}





/* ── Grid: mobile-first stack → tablet 2-col → desktop 6-col ──────── */

.cs-footer-row-1,

.pr-footer__grid {

    display: grid;

    grid-template-columns: minmax(0, 1fr);

    gap: var(--pr-space-8);

    margin: 0;

    padding: 0;

    list-style: none;

    align-items: start;

}



@media (min-width: 640px) {

    .cs-footer-row-1,

    .pr-footer__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: var(--pr-space-8) var(--pr-space-6);

    }



    .pr-footer__brand,

    .pr-footer__apps {

        grid-column: 1 / -1;

    }



    .pr-footer__apps .pr-footer__app-list {

        flex-direction: row;

        align-items: center;

    }

}



@media (min-width: 768px) {

    .cs-footer-row-1,

    .pr-footer__grid {

        grid-template-columns: repeat(3, minmax(0, 1fr));

    }



    .pr-footer__brand {

        grid-column: 1 / -1;

    }



    .pr-footer__apps {

        grid-column: span 1;

    }

}



@media (min-width: 1024px) {

    .cs-footer-row-1,

    .pr-footer__grid {

        grid-template-columns:

            minmax(200px, 1.35fr)

            repeat(4, minmax(120px, 1fr))

            minmax(160px, 1.15fr);

        gap: var(--pr-space-10) var(--pr-space-8);

    }



    .pr-footer__brand,

    .pr-footer__apps {

        grid-column: auto;

    }

}





/* ── Heading’ler  → chrome heading token'ları ──────────────────────── */

.cs-footer-1 h2,

.cs-footer-1 h3,

.cs-footer-1 h4,

.cs-footer-1 h5,

footer h2,

footer h3,

footer h4,

footer h5,

.pr-footer__heading {

    color: var(--pr-chrome-heading-color);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-chrome-heading-size);

    font-weight: var(--pr-chrome-heading-weight);

    letter-spacing: var(--pr-chrome-heading-track);

    text-transform: uppercase;

    margin: 0 0 var(--pr-space-5);

}



.pr-footer__heading > span {

    background: none;

    padding: 0;

}





/* ── Link listeleri ───────────────────────────────────────────────── */

.cs-footer-menu-1,

.pr-footer__list {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column;

    gap: var(--pr-space-3);

}



.cs-footer-menu-1 li,

.pr-footer__list li {

    margin: 0;

    padding: 0;

}



/* Link tabanı  → chrome dili: header ile aynı easing + brand hover.

   Önceki tema "muted → ink" idi; header brand-aware olduğu için footer

   da aynı brand davranışına çekildi (kullanıcı sayfanın iki ucunda

   da aynı micro-interaction'ı hisseder). */

.cs-footer-1 a,

footer a {

    color: var(--pr-chrome-link-muted);

    text-decoration: none;

    transition:

        color var(--pr-chrome-transition),

        background-color var(--pr-chrome-transition),

        opacity var(--pr-chrome-transition);

}



.cs-footer-1 a:hover,

footer a:hover {

    color: var(--pr-chrome-link-hover);

}



/* Menü linkleri — animasyonlu underline (header .main-a-1 ile birebir

   aynı left→right wipe) + 2px sağa subtle hareket */

.pr-footer__list a {

    display: inline-flex;

    align-items: center;

    gap: var(--pr-space-2);

    position: relative;

    line-height: var(--pr-leading-snug);

    transition:

        color var(--pr-chrome-transition),

        transform var(--pr-chrome-transition);

}



.pr-footer__list a::after {

    content: "";

    position: absolute;

    left: 0;

    right: auto;

    bottom: -2px;

    width: 100%;

    height: 1.5px;

    background: currentColor;

    border-radius: 2px;

    transform-origin: left center;

    transform: scaleX(0);

    opacity: 0.6;

    transition: transform var(--pr-chrome-transition-base);

}



.pr-footer__list a:hover {

    transform: translate3d(2px, 0, 0);

}



.pr-footer__list a:hover::after {

    transform: scaleX(1);

}





/* ── BRAND KOLONU ─────────────────────────────────────────────────── */

.pr-footer__brand {

    display: flex;

    flex-direction: column;

    gap: var(--pr-space-4);

    max-width: min(100%, 320px);

}



.pr-footer__col {

    display: flex;

    flex-direction: column;

    gap: var(--pr-space-2);

    min-width: 0;

}



.pr-footer__logo {

    display: inline-flex;

    align-items: center;

    transition: opacity var(--pr-dur-fast) var(--pr-ease);

}



.pr-footer__logo:hover {

    opacity: 0.85;

}



.pr-footer__logo img {

    max-width: 160px;

    height: auto;

}



.pr-footer__tagline {

    color: var(--pr-text-muted);

    font-size: var(--pr-text-sm);

    line-height: var(--pr-leading-relaxed);

    letter-spacing: var(--pr-track-snug);

    margin: 0;

    max-width: 28ch;

}





/* ── SOSYAL MEDYA  (Apple-tarzı pill chip) ────────────────────────── */

.pr-footer__social-block {

    display: flex;

    flex-direction: column;

    gap: var(--pr-space-3);

}



.pr-footer__social-label {

    color: var(--pr-text-subtle);

    font-size: var(--pr-text-xs);

    font-weight: 600;

    letter-spacing: var(--pr-track-widest);

    text-transform: uppercase;

    margin: 0;

}



.cs-social-menu-1,

.pr-footer__social {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    gap: var(--pr-space-2);

}



/* Sosyal ikon butonları — header .cs-header-btn-1 ile birebir aynı dil:

   • size      → --pr-chrome-iconbtn-size (40px)

   • default   → transparent + ince border (header buton ailesiyle aynı)

   • hover     → brand-soft + brand color (header iconbtn-hover token'ları)

   • interaksiyon dışında subtle lift (footer'a özel motion) korundu */

.cs-footer-1 .cs-social-menu-1 a,

.cs-footer-1 .cs-social-list-1 a,

footer .cs-social-list-1 a,

footer .social-icon a,

.pr-footer__social a {

    width: var(--pr-chrome-iconbtn-size);

    height: var(--pr-chrome-iconbtn-size);

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: var(--pr-chrome-iconbtn-bg);

    border: 1px solid var(--pr-chrome-iconbtn-border);

    border-radius: var(--pr-r-pill);

    color: var(--pr-chrome-iconbtn-color);

    font-size: var(--pr-icon-social);

    transition:

        background-color var(--pr-chrome-transition),

        border-color var(--pr-chrome-transition),

        color var(--pr-chrome-transition),

        transform var(--pr-chrome-transition);

}



.cs-footer-1 .cs-social-menu-1 a:hover,

.cs-footer-1 .cs-social-list-1 a:hover,

footer .cs-social-list-1 a:hover,

footer .social-icon a:hover,

.pr-footer__social a:hover {

    background: var(--pr-chrome-iconbtn-hover-bg);

    border-color: var(--pr-line);

    color: var(--pr-chrome-iconbtn-hover-color);

    transform: translate3d(0, var(--pr-chrome-lift), 0);

}



/* Pill ikon butonun underline'ı yok (link wipe sadece menü linkinde) */

.pr-footer__social a::after,

.pr-footer__legal a::after,

.pr-footer__lang a::after {

    content: none;

}





/* ── APP BADGE’LER ────────────────────────────────────────────────── */

.pr-footer__apps {

    display: flex;

    flex-direction: column;

    gap: var(--pr-space-4);

}



.image-m-1.pr-footer__app-list,

.pr-footer__app-list {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    align-items: flex-start;

    gap: var(--pr-space-3);

}



.pr-footer__app-list li {

    margin: 0;

    padding: 0;

}



.pr-footer__app-badge {

    display: inline-flex;

    align-items: center;

    border-radius: var(--pr-r-md);

    overflow: hidden;

    transition:

        transform var(--pr-chrome-transition),

        filter var(--pr-chrome-transition);

}



.pr-footer__app-badge img {

    display: block;

    height: 44px;

    width: auto;

}



.pr-footer__app-badge:hover {

    transform: translate3d(0, var(--pr-chrome-lift), 0);

    filter: brightness(1.05);

}





/* ── BOTTOM BAR  (copyright · legal · dil seçici) ─────────────────── */

.pr-footer__bottom {

    margin-top: var(--pr-space-10);

    padding-top: var(--pr-space-6);

    border-top: 1px solid var(--pr-line);

    display: grid;

    grid-template-columns: minmax(0, 1fr) auto auto;

    align-items: center;

    column-gap: var(--pr-space-6);

    row-gap: var(--pr-space-4);

}



.pr-footer__copy {

    margin: 0;

    color: var(--pr-text-subtle);

    font-size: var(--pr-text-xs);

    line-height: var(--pr-leading-normal);

    letter-spacing: var(--pr-track-snug);

    max-width: 42ch;

}



.cs-footer-menu-2,

.pr-footer__legal,

.pr-footer__lang {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: var(--pr-space-3);

}



/* Legacy cs-footer-menu-2 ayırıcı çizgileri */

.pr-footer .cs-footer-menu-2 li::after {

    display: none;

    content: none;

}



.pr-footer .cs-footer-menu-2 a {

    opacity: 1;

    font-weight: var(--pr-fw-medium);

}



.pr-footer__legal {

    justify-content: center;

}



.pr-footer__legal a {

    display: inline-flex;

    align-items: center;

    min-height: 32px;

    padding: 0 var(--pr-space-2);

    font-size: var(--pr-text-xs);

    color: var(--pr-text-muted);

    white-space: nowrap;

}



.pr-footer__legal a:hover {

    color: var(--pr-chrome-link-hover);

}



.pr-footer__lang {

    justify-content: flex-end;

    justify-self: end;

}





/* ── DİL SEÇİCİ (TR / EN pill toggle) ─────────────────────────────────

   Header'daki .cs-language-select ile aynı dil ailesinde:

   • compact pill, brand-soft hover, ink active

   • header'da native <select>, footer'da iki <a> — görsel parite          */

.pr-footer__lang {

    background: var(--pr-chrome-pill-bg);

    border: 1px solid var(--pr-chrome-pill-border);

    border-radius: var(--pr-r-pill);

    padding: 4px;

    gap: 0;

}



.pr-footer__lang li {

    margin: 0;

}



.pr-footer__lang a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 44px;

    height: 28px;

    padding: 0 var(--pr-space-3);

    border-radius: var(--pr-r-pill);

    color: var(--pr-chrome-link-muted);

    font-size: var(--pr-text-xs);

    font-weight: 600;

    letter-spacing: var(--pr-track-wider);

    transition:

        background-color var(--pr-chrome-transition),

        color var(--pr-chrome-transition);

}



.pr-footer__lang a:hover {

    color: var(--pr-chrome-link-hover);

    background: var(--pr-brand-soft);

}



.pr-footer__lang li.active a {

    background: var(--pr-chrome-pill-active-bg);

    color: var(--pr-chrome-pill-active-fg);

}





/* ── Reduced motion ───────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {

    .pr-footer__list a:hover,

    .pr-footer__social a:hover,

    .pr-footer__app-badge:hover,

    .cs-sticky-header-1 .cs-main-logo-1:hover {

        transform: none;

    }

    .pr-footer__list a::after,

    .cs-sticky-header-1 .main-a-1::after {

        transition: none;

    }

}





/* ── Footer mobil / küçük tablet ─────────────────────────────────── */

@media (max-width: 767.98px) {

    .cs-footer-1,

    footer.pr-footer {

        padding-top: var(--pr-space-10);

        padding-bottom: var(--pr-space-6);

    }



    .pr-footer .container {

        padding-left: var(--pr-space-4);

        padding-right: var(--pr-space-4);

    }



    .pr-footer__brand {

        max-width: 100%;

    }



    .pr-footer__tagline {

        max-width: 36ch;

    }



    .pr-footer__app-list {

        flex-direction: row;

        flex-wrap: wrap;

        align-items: center;

    }



    .pr-footer__bottom {

        grid-template-columns: 1fr;

        justify-items: start;

        text-align: left;

        margin-top: var(--pr-space-8);

        padding-top: var(--pr-space-5);

    }



    .pr-footer__copy {

        max-width: 100%;

    }



    .pr-footer__legal,

    .pr-footer__lang {

        justify-content: flex-start;

        justify-self: start;

        width: 100%;

    }



    .pr-footer__lang {

        margin-top: var(--pr-space-1);

    }

}



@media (max-width: 479.98px) {

    .pr-footer__bottom {

        gap: var(--pr-space-3);

    }



    .pr-footer__legal {

        gap: var(--pr-space-2) var(--pr-space-4);

    }

}





/* ── Screen-reader only utility (sosyal label’ları için) ──────────── */

.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}





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

   CONTAINER FLUID FIX (overflow-x = 0 garantisi)

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

.container,

.container-fluid {

    padding-left: var(--pr-space-4);

    padding-right: var(--pr-space-4);

    max-width: 100%;

}



@media (min-width: 768px) {

    .container,

    .container-fluid {

        padding-left: var(--pr-space-6);

        padding-right: var(--pr-space-6);

    }

}



@media (min-width: 1280px) {

    .container {

        max-width: var(--pr-container-max);

    }

}





/* ── Row gutter overflow fix ───────────────────────────────────────── */

.row {

    margin-left: 0;

    margin-right: 0;

}





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

   BREADCRUMB

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

.cs-breadcrumb-1,

.breadcrumb {

    background: transparent;

    padding: 0;

    margin-bottom: var(--pr-space-6);

    font-size: var(--pr-text-sm);

}



.breadcrumb-item + .breadcrumb-item::before {

    color: var(--pr-text-subtle);

}





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

   MAP SECTION (Leaflet container layout-only)

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

.cs-rent-map,

#map,

.leaflet-container {

    border-radius: var(--pr-r-2xl);

    overflow: hidden;

    box-shadow: var(--pr-shadow-md);

}





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

   PAGE HERO / SECTION SPACING

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

.cs-section,

section[class*="-sec-"] {

    padding-top: var(--pr-space-20);

    padding-bottom: var(--pr-space-20);

}



@media (max-width: 767.98px) {

    .cs-section,

    section[class*="-sec-"] {

        padding-top: var(--pr-space-12);

        padding-bottom: var(--pr-space-12);

    }

}
}

@layer components {
/* =====================================================================

   03-components.css  —  Buttons, Cards, Forms, Modals

   ---------------------------------------------------------------------

   Reusable UI components. Hem mevcut .cs-* sınıfları üzerine premium

   katmanı, hem yeni semantik alias sınıflar (.btn, .card).

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





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

   BUTTONS

   ===========================================================

   Mevcut Blade kullanımı: .cs-primary-btn-1 / .cs-secondary-btn-1

   Yeni alias sınıflar: .btn .btn--primary / .btn--secondary

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



.btn,

button.btn,

a.btn,

.cs-primary-btn-1,

.cs-secondary-btn-1,

.cs-third-btn-1,

.cs-outline-btn-1 {

    --_btn-bg:     var(--pr-brand);

    --_btn-color:  #fff;

    --_btn-border: transparent;

    --_btn-shadow: var(--pr-shadow-sm);

    --_btn-h:      var(--pr-control-h-md);

    --_btn-px:     var(--pr-control-px-md);

    --_btn-fs:     var(--pr-text-sm);          /* button copy — UI ölçeği */



    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: var(--pr-btn-icon-gap);

    min-height: var(--_btn-h);

    height: auto;

    padding: var(--pr-btn-pad-block, 0) var(--_btn-px);

    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-family: var(--pr-font-sans);

    font-size: var(--_btn-fs);

    font-weight: var(--pr-btn-font-weight);

    letter-spacing: var(--pr-track-snug);

    line-height: var(--pr-leading-flat);

    text-decoration: none;

    border: 1px solid var(--_btn-border);

    background: var(--_btn-bg);

    color: var(--_btn-color);

    border-radius: var(--pr-btn-radius);

    box-shadow: var(--_btn-shadow);

    cursor: pointer;

    transition: var(--pr-transition-interactive);

}



.btn:focus-visible,

button.btn:focus-visible,

.cs-primary-btn-1:focus-visible,

.cs-secondary-btn-1:focus-visible,

.cs-third-btn-1:focus-visible,

.cs-outline-btn-1:focus-visible {

    outline: 0;

    box-shadow: var(--pr-focus-ring), var(--_btn-shadow);

}



.btn:hover,

button.btn:hover,

.cs-primary-btn-1:hover,

.cs-secondary-btn-1:hover {

    transform: translate3d(0, -2px, 0);

    box-shadow: var(--pr-shadow-md);

}



.btn:active,

button.btn:active,

.cs-primary-btn-1:active,

.cs-secondary-btn-1:active {

    transform: translateY(0);

    box-shadow: var(--pr-shadow-xs);

}



.btn:disabled,

.btn[disabled],

.cs-primary-btn-1:disabled,

.cs-primary-btn-1[disabled] {

    opacity: 0.5;

    cursor: not-allowed;

    transform: none;

}





/* ── Variants ──────────────────────────────────────────────────────── */

.btn--primary,

.cs-primary-btn-1 {

    --_btn-bg:     var(--pr-brand);

    --_btn-color:  #fff;

    --_btn-border: transparent;

    --_btn-shadow: var(--pr-shadow-brand);

}



.btn--primary:hover,

.cs-primary-btn-1:hover {

    background: var(--pr-brand-600);

    color: #fff;

}





.btn--secondary,

.cs-secondary-btn-1 {

    --_btn-bg:     var(--pr-ink);

    --_btn-color:  #fff;

    --_btn-border: transparent;

    --_btn-shadow: var(--pr-shadow-md);

}



.btn--secondary:hover,

.cs-secondary-btn-1:hover {

    background: var(--pr-ink-600);

    color: #fff;

}





.btn--ghost,

.cs-third-btn-1 {

    --_btn-bg:     transparent;

    --_btn-color:  var(--pr-ink);

    --_btn-border: var(--pr-line-strong);

    --_btn-shadow: none;

}



.btn--ghost:hover,

.cs-third-btn-1:hover {

    background: var(--pr-bg-alt);

    border-color: var(--pr-line-stronger);

    color: var(--pr-ink);

}





.btn--outline,

.cs-outline-btn-1 {

    --_btn-bg:     transparent;

    --_btn-color:  var(--pr-brand);

    --_btn-border: var(--pr-brand);

    --_btn-shadow: none;

}



.btn--outline:hover,

.cs-outline-btn-1:hover {

    background: var(--pr-brand);

    color: #fff;

}





/* ── Size modifiers ──────────────────────────────────────────────────

   Yükseklik = control height tokens (button + input aynı satırda hizalı). */

.btn--sm {

    --_btn-h:  var(--pr-control-h-sm);

    --_btn-px: var(--pr-control-px-sm);

    --_btn-fs: var(--pr-text-sm);

}



.btn--lg {

    --_btn-h:  var(--pr-control-h-lg);

    --_btn-px: var(--pr-control-px-lg);

    --_btn-fs: var(--pr-text-md);

}



.btn--block {

    width: 100%;

}



/* Icon-only kare button (search, like vb.) — pill yerine kare radius */

.btn--icon {

    --_btn-px: 0;

    width: var(--_btn-h);

    border-radius: var(--pr-r-md);

}



.btn--icon.btn--pill {

    border-radius: var(--pr-r-pill);

}





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

   CARDS  —  Tek tip tasarım dili (unified design language)

   ===========================================================

   Tüm card-like componentler bu kuralları paylaşır.

   • minimal shadow      → --pr-card-shadow

   • premium radius      → --pr-card-radius (18px)

   • hover elevate       → translateY(-4px) + shadow upgrade

   • modern spacing      → --pr-card-pad (24px)

   • clean typography    → display + sans pairing

   • mobile uyumlu       → 07-responsive.css içinde radius/pad küçültülür

   -----------------------------------------------------------

   Class taksonomi:



     .card                   → semantic alias (yeni kod)

     .card--interactive      → hover elevate (clickable)

     .card--flat             → border-only, no shadow

     .card--feature          → icon-led showcase (büyük pad)

     .card--compact          → list/grid içinde dar kart



     .card-media             → görsel (overflow hidden, hover zoom)

     .card-body              → içerik wrapper (pad)

     .card-title             → başlık (display font)

     .card-meta              → küçük text (muted, sm)

     .card-footer            → alt aksiyon barı (border-top)



   Mevcut Blade sınıfları otomatik aynı dile çekildi (alias listesi).

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





/* ── 1) ORTAK YÜZEY  — tüm card-like elemanlar ──────────── */

.card,

.cs-car-box-1,

.cs-vehicle-box-1,

.cs-blog-box-1,

.cs-team-box-1,

.cs-faq-box-1,

.cs-history-card-1,

.cs-card-box-1,

.cs-card-box-2,

.cs-comment-box-1,

.cs-city-box-1,

.cs-campaign-box-1,

.cs-aub-item-1,

.cs-career-item-1,

.cs-career-advert-itembox-1,

.cs-cd-infobox-1,

.cs-loan-item-1,

.cs-speech-info-box-1,

.cs-speech-info-box-2,

.cs-notification-list-item-1,

.cs-feature-card-1 {

    background: var(--pr-card-bg);

    border: var(--pr-card-border);

    border-radius: var(--pr-card-radius);

    box-shadow: var(--pr-card-shadow);

    color: var(--pr-text);

    overflow: hidden;

    transition: var(--pr-transition-surface);

}





/* ── 2) HOVER ELEVATE  — interactive cards ──────────────

   Kullanıcı eylem alabilen kartlar yumuşakça yükselir.

   .cs-faq-box-1, .cs-history-card-1, .cs-notification-list-item-1

   gibi salt-bilgi kartları default'ta hover almaz; gerekirse

   .card--interactive ile aktive edilir.                       */

.card.card--interactive:hover,

.cs-car-box-1:hover,

.cs-vehicle-box-1:hover,

.cs-blog-box-1:hover,

.cs-team-box-1:hover,

.cs-card-box-1:hover,

.cs-card-box-2:hover,

.cs-city-box-1:hover,

.cs-campaign-box-1:hover,

.cs-aub-item-1:hover,

.cs-career-item-1:hover,

.cs-career-advert-itembox-1:hover,

.cs-feature-card-1:hover {

    transform: translate3d(0, var(--pr-card-lift), 0);

    box-shadow: var(--pr-card-shadow-hover);

    border-color: var(--pr-line-strong);

}



/* Salt-bilgi kartları — interaksiyon yok ama focus-visible erişilebilir kalır */

.card:focus-visible,

.cs-car-box-1:focus-visible,

.cs-vehicle-box-1:focus-visible,

.cs-blog-box-1:focus-visible,

.cs-card-box-1:focus-visible,

.cs-card-box-2:focus-visible,

.cs-city-box-1:focus-visible,

.cs-campaign-box-1:focus-visible {

    outline: 0;

    border-color: var(--pr-brand);

    box-shadow: 0 0 0 4px var(--pr-brand-ring),

                var(--pr-card-shadow-hover);

}





/* ── 3) MEDIA  — görsel zoom on hover ───────────────────── */

.cs-car-box-1 .cs-car-imagebox-1,

.cs-vehicle-box-1 .vehicle-image,

.cs-blog-box-1 .cs-blog-imagebox-1,

.cs-city-box-1 .cs-city-imagebox-1,

.cs-campaign-box-1 .cs-campaign-imagebox-1,

.cs-team-box-1 .cs-team-imagebox-1,

.card .card-media {

    overflow: hidden;

    border-radius: 0;        /* parent radius zaten clip ediyor (overflow hidden) */

    margin: 0;

    background: var(--pr-bg-alt);

}



.cs-car-box-1 .cs-car-imagebox-1 img,

.cs-vehicle-box-1 .vehicle-image img,

.cs-blog-box-1 .cs-blog-imagebox-1 img,

.cs-city-box-1 .cs-city-imagebox-1 img,

.cs-campaign-box-1 .cs-campaign-imagebox-1 img,

.cs-team-box-1 .cs-team-imagebox-1 img,

.card .card-media img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform var(--pr-dur-slower) var(--pr-ease);

    will-change: transform;

}



.cs-car-box-1:hover .cs-car-imagebox-1 img,

.cs-vehicle-box-1:hover .vehicle-image img,

.cs-blog-box-1:hover .cs-blog-imagebox-1 img,

.cs-city-box-1:hover .cs-city-imagebox-1 img,

.cs-campaign-box-1:hover .cs-campaign-imagebox-1 img,

.cs-team-box-1:hover .cs-team-imagebox-1 img,

.card.card--interactive:hover .card-media img {

    transform: scale3d(1.04, 1.04, 1);

}





/* ── 4) BODY / TITLE / META  — clean typography ─────────── */

.card .card-body {

    padding: var(--pr-card-pad);

    display: flex;

    flex-direction: column;

    gap: var(--pr-card-gap);

}



.card .card-title,

.cs-car-box-1 .cs-car-title-1,

.cs-vehicle-box-1 .vehicle-title,

.cs-blog-box-1 .cs-blog-title-1,

.cs-team-box-1 .cs-team-name-1,

.cs-city-box-1 .cs-city-title-1,

.cs-campaign-box-1 .cs-campaign-title-1 {

    margin: 0;

    color: var(--pr-ink);

    font-family: var(--pr-font-display);

    font-size: var(--pr-display-sm);

    font-weight: 600;

    line-height: var(--pr-leading-snug);

    letter-spacing: var(--pr-track-tight);

    text-wrap: balance;

}



.card .card-meta,

.cs-car-box-1 .cs-car-info-1,

.cs-vehicle-box-1 .vehicle-info,

.cs-blog-box-1 .cs-blog-meta-1 {

    color: var(--pr-text-muted);

    font-size: var(--pr-text-sm);

    line-height: var(--pr-leading-normal);

    letter-spacing: var(--pr-track-snug);

}



.card .card-footer {

    margin-top: auto;

    padding-top: var(--pr-card-gap);

    border-top: 1px solid var(--pr-line);

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: var(--pr-space-3);

}





/* ── 5) PRICE  — kart fiyatı ortak stil ─────────────────── */

.cs-car-price-1,

.cs-vehicle-price-1,

.card .card-price {

    color: var(--pr-brand);

    font-family: var(--pr-font-display);

    font-weight: 700;

    font-size: var(--pr-text-xl);

    letter-spacing: var(--pr-track-tight);

    line-height: 1;

}





/* ── 6) MODIFIERS  — variant'lar ─────────────────────────── */

.card--flat,

.cs-faq-box-1,

.cs-comment-box-1,

.cs-history-card-1,

.cs-cd-infobox-1,

.cs-loan-item-1,

.cs-speech-info-box-1,

.cs-speech-info-box-2,

.cs-notification-list-item-1 {

    /* Subtle bilgi kartları: shadow sıfır, sadece border ile çerçeve */

    box-shadow: none;

}



.card--flat:hover,

.card.card--flat:hover {

    transform: none;

    box-shadow: none;

    border-color: var(--pr-line-strong);

}



.card--feature {

    padding: var(--pr-card-pad-lg);

    background: linear-gradient(180deg, var(--pr-surface) 0%, var(--pr-bg-alt) 100%);

}



.card--compact .card-body {

    padding: var(--pr-card-pad-sm);

    gap: var(--pr-space-2);

}



.card--compact .card-title {

    font-size: var(--pr-text-md);

}





/* ── 7) BLOCK LINK — tüm karta tıklanabilirlik ─────────── */

a.card,

.card a.card-link {

    color: inherit;

    text-decoration: none;

    display: block;

}





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

   FORMS / INPUTS

   ===========================================================

   Filled style — Apple-ish.

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



input.form-control,

select.form-control,

textarea.form-control,

.cs-input-1,

.cs-form-control,

.cs-textarea-1 {

    --_input-h:  var(--pr-control-h-md);

    --_input-px: var(--pr-control-px-md);

    --_input-fs: var(--pr-text-base);



    background: var(--pr-input-bg);

    border: var(--pr-input-border);

    border-radius: var(--pr-input-radius);

    color: var(--pr-input-color);

    font-family: var(--pr-font-sans);

    font-size: var(--_input-fs);

    height: var(--_input-h);

    padding: 0 var(--_input-px);

    line-height: 1.4;

    transition: var(--pr-transition-control);

    box-shadow: none;

}



textarea.form-control,

.cs-textarea-1 {

    height: auto;

    min-height: calc(var(--pr-control-h-md) * 2);

    padding: 12px var(--_input-px);

}



select.form-control {

    background-image:

        linear-gradient(45deg, transparent 50%, var(--pr-text-muted) 50%),

        linear-gradient(135deg, var(--pr-text-muted) 50%, transparent 50%);

    background-position: calc(100% - 18px) 55%, calc(100% - 13px) 55%;

    background-size: 5px 5px;

    background-repeat: no-repeat;

    padding-right: calc(var(--_input-px) + 16px);

    appearance: none;

}



input.form-control::placeholder,

textarea.form-control::placeholder,

.cs-input-1::placeholder {

    color: var(--pr-input-placeholder);

}



input.form-control:hover,

select.form-control:hover,

textarea.form-control:hover,

.cs-input-1:hover {

    border-color: var(--pr-line-strong);

    background-color: var(--pr-input-bg-hover);

}



input.form-control:focus,

select.form-control:focus,

textarea.form-control:focus,

.cs-input-1:focus {

    background-color: var(--pr-input-bg-focus);

    border-color: var(--pr-brand);

    box-shadow: var(--pr-focus-ring);

    outline: 0;

}



/* Input boyutları — button skalasıyla birebir hizalı */

.form-control--sm {

    --_input-h:  var(--pr-control-h-sm);

    --_input-px: var(--pr-control-px-sm);

    --_input-fs: var(--pr-text-sm);

}



.form-control--lg {

    --_input-h:  var(--pr-control-h-lg);

    --_input-px: var(--pr-control-px-lg);

    --_input-fs: var(--pr-text-md);

}





/* ── Labels ────────────────────────────────────────────────────────── */

label,

.cs-form-label,

.form-label {

    color: var(--pr-text-muted);

    font-size: var(--pr-text-sm);

    font-weight: 500;

    margin-bottom: var(--pr-space-2);

    letter-spacing: var(--pr-track-snug);

}





/* ── Error state ───────────────────────────────────────────────────── */

.is-invalid,

input.error,

.has-error input.form-control {

    border-color: var(--pr-danger);

    background: var(--pr-danger-soft);

}





/* ── Checkbox / radio ──────────────────────────────────────────────── */

.cs-checkbox-1 input[type="checkbox"],

input[type="checkbox"].form-check-input,

input[type="radio"].form-check-input {

    accent-color: var(--pr-brand);

}





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

   MODALS

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



.modal-backdrop,

.modal-backdrop.show {

    background: var(--pr-overlay-bg);

    -webkit-backdrop-filter: blur(var(--pr-overlay-blur)) saturate(120%);

            backdrop-filter: blur(var(--pr-overlay-blur)) saturate(120%);

    opacity: 1;

    transition: opacity var(--pr-dur-interaction) var(--pr-ease-in-out);

}



.modal-content,

.cs-modal-content {

    background: var(--pr-surface);

    border: 0;

    border-radius: var(--pr-r-2xl);

    box-shadow: var(--pr-shadow-xl);

    overflow: hidden;

}



.modal-header {

    border-bottom: 1px solid var(--pr-line);

    padding: var(--pr-space-5) var(--pr-space-6);

}



.modal-header .modal-title,

.cs-modal-title {

    font-size: var(--pr-text-lg);

    font-weight: 600;

    letter-spacing: var(--pr-track-tight);

    color: var(--pr-ink);

    margin: 0;

}



.modal-body {

    padding: var(--pr-space-6);

}



.modal-footer {

    border-top: 1px solid var(--pr-line);

    padding: var(--pr-space-5) var(--pr-space-6);

    gap: var(--pr-space-3);

}





/* ── Modal entry animation ─────────────────────────────────────────── */

.modal.fade .modal-dialog {

    transition:

        transform var(--pr-dur-interaction) var(--pr-ease-in-out),

        opacity var(--pr-dur-interaction) var(--pr-ease-in-out);

    transform: translate3d(0, 16px, 0) scale(0.97);

    opacity: 0;

}



.modal.fade.show .modal-dialog {

    transform: translate3d(0, 0, 0) scale(1);

    opacity: 1;

}





/* ── Close button ──────────────────────────────────────────────────── */

.btn-close,

.modal .close,

.cs-close-btn {

    width: 36px;

    height: 36px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: var(--pr-surface-2);

    border: 0;

    border-radius: var(--pr-r-pill);

    color: var(--pr-text-muted);

    transition: background var(--pr-dur-fast) var(--pr-ease),

                color var(--pr-dur-fast) var(--pr-ease);

}



.btn-close:hover,

.modal .close:hover,

.cs-close-btn:hover {

    background: var(--pr-line-strong);

    color: var(--pr-ink);

}





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

   ALERTS / TOASTS / BADGES

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



.alert,

.cs-alert-1 {

    border: 0;

    border-radius: var(--pr-r-md);

    padding: var(--pr-space-4) var(--pr-space-5);

    box-shadow: var(--pr-shadow-xs);

    font-size: var(--pr-text-sm);

}



.alert-success,

.cs-alert-1.success {

    background: var(--pr-success-soft);

    color: var(--pr-success);

}



.alert-warning,

.cs-alert-1.warning {

    background: var(--pr-warning-soft);

    color: var(--pr-warning);

}



.alert-danger,

.cs-alert-1.danger {

    background: var(--pr-danger-soft);

    color: var(--pr-danger);

}





/* ── Badges ────────────────────────────────────────────────────────── */

.badge,

.cs-badge-1 {

    display: inline-flex;

    align-items: center;

    padding: 4px 10px;

    border-radius: var(--pr-r-pill);

    font-size: var(--pr-text-xs);

    font-weight: 600;

    letter-spacing: var(--pr-track-wide);

    text-transform: none;

    line-height: 1.2;

}





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

   DROPDOWNS

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



.dropdown-menu,

.cs-dropdown-menu-1 {

    background: var(--pr-surface);

    border: 0;

    border-radius: var(--pr-r-lg);

    box-shadow: var(--pr-shadow-lg);

    padding: var(--pr-space-2);

    margin-top: var(--pr-space-2);

    min-width: 180px;

}



.dropdown-item {

    border-radius: var(--pr-r-sm);

    padding: 8px 12px;

    color: var(--pr-text);

    font-size: var(--pr-text-sm);

    transition: background var(--pr-dur-fast) var(--pr-ease),

                color var(--pr-dur-fast) var(--pr-ease);

}



.dropdown-item:hover,

.dropdown-item:focus {

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

}





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

   TABS / NAV-PILLS

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



.nav-tabs,

.cs-navTabs-1 {

    border-bottom: 1px solid var(--pr-line);

    gap: var(--pr-space-1);

}



.nav-tabs .nav-link,

.cs-navTabs-1 .nav-link {

    background: transparent;

    border: 0;

    color: var(--pr-text-muted);

    font-weight: 500;

    padding: 12px 16px;

    border-radius: var(--pr-r-md) var(--pr-r-md) 0 0;

    position: relative;

}



.nav-tabs .nav-link:hover,

.cs-navTabs-1 .nav-link:hover {

    color: var(--pr-ink);

    background: var(--pr-bg-alt);

}



.nav-tabs .nav-link.active,

.cs-navTabs-1 .nav-link.active {

    background: transparent;

    color: var(--pr-brand);

    border: 0;

}



.nav-tabs .nav-link.active::after,

.cs-navTabs-1 .nav-link.active::after {

    content: '';

    position: absolute;

    left: 16px;

    right: 16px;

    bottom: -1px;

    height: 2px;

    background: var(--pr-brand);

    border-radius: var(--pr-r-pill);

}





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

   PAGINATION

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



.pagination .page-item .page-link,

.cs-pagination-1 .page-link {

    background: transparent;

    border: 1px solid var(--pr-line);

    color: var(--pr-text);

    border-radius: var(--pr-r-md);

    margin: 0 4px;

    padding: 8px 14px;

    font-weight: 500;

    transition: background var(--pr-dur-fast) var(--pr-ease),

                border-color var(--pr-dur-fast) var(--pr-ease),

                color var(--pr-dur-fast) var(--pr-ease);

}



.pagination .page-item .page-link:hover {

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

    border-color: transparent;

}



.pagination .page-item.active .page-link {

    background: var(--pr-brand);

    border-color: var(--pr-brand);

    color: #fff;

}





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

   LOADING / SKELETON

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



.cs-loader-1,

.spinner-border {

    border-color: var(--pr-line);

    border-top-color: var(--pr-brand);

}



.cs-skeleton {

    background: linear-gradient(90deg,

        var(--pr-bg-alt) 0%,

        var(--pr-line) 50%,

        var(--pr-bg-alt) 100%);

    background-size: 200% 100%;

    animation: pr-shimmer 1.4s infinite;

    border-radius: var(--pr-r-md);

}



@keyframes pr-shimmer {

    0%   { background-position: 200% 0; }

    100% { background-position: -200% 0; }

}





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

   ICON SYSTEM  —  tek dilde ikonografi

   ===========================================================

   Kullanım:

     <i class="pr-icon bain-search"></i>            (default: 16)

     <i class="pr-icon pr-icon--lg bain-key"></i>    (24)

     <span class="pr-icon-btn" aria-label="Ara">     (40×40 pill)

       <svg class="pr-icon" ...></svg>

     </span>



   • SVG ikonlarda `stroke="currentColor"` + `stroke-width: var(--pr-icon-stroke)`

   • Font ikonları (bain-*, fa-*) doğal `font-size: 1em` üzerinden ölçeklenir.

   • İkon ile metin arası boşluk → flex `gap: var(--pr-space-2)`.

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



.pr-icon {

    width: 1em;

    height: 1em;

    font-size: var(--pr-icon-sm);

    flex-shrink: 0;

    display: inline-block;

    vertical-align: -0.125em;

    fill: currentColor;

    stroke: currentColor;

    line-height: 1;

}



.pr-icon--xs { font-size: var(--pr-icon-xs); }

.pr-icon--sm { font-size: var(--pr-icon-sm); }

.pr-icon--md { font-size: var(--pr-icon-md); }

.pr-icon--lg { font-size: var(--pr-icon-lg); }

.pr-icon--xl { font-size: var(--pr-icon-xl); }



.pr-icon--brand   { color: var(--pr-brand); }

.pr-icon--muted   { color: var(--pr-text-muted); }

.pr-icon--ink     { color: var(--pr-ink); }

.pr-icon--success { color: var(--pr-success); }

.pr-icon--warning { color: var(--pr-warning); }

.pr-icon--danger  { color: var(--pr-danger); }



/* SVG ikon stroke — dış kullanıcılarda override edebilir */

svg.pr-icon[stroke],

svg.pr-icon--stroke {

    fill: none;

    stroke-width: var(--pr-icon-stroke);

    stroke-linecap: round;

    stroke-linejoin: round;

}



.pr-icon-btn > .pr-icon,

.pr-icon-btn > i,

.pr-icon-btn > svg {

    font-size: var(--pr-icon-md);

}



/* Icon-only chip / button (header social, like vb.) */

.pr-icon-btn {

    --_iconbtn-size: 40px;

    --_iconbtn-bg: transparent;

    --_iconbtn-color: var(--pr-ink-700);

    --_iconbtn-border: var(--pr-line);



    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: var(--_iconbtn-size);

    height: var(--_iconbtn-size);

    background: var(--_iconbtn-bg);

    color: var(--_iconbtn-color);

    border: 1px solid var(--_iconbtn-border);

    border-radius: var(--pr-r-pill);

    cursor: pointer;

    transition: background var(--pr-dur-fast) var(--pr-ease),

                color var(--pr-dur-fast) var(--pr-ease),

                border-color var(--pr-dur-fast) var(--pr-ease),

                transform var(--pr-dur-fast) var(--pr-ease);

}



.pr-icon-btn:hover {

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

    border-color: transparent;

}



.pr-icon-btn:focus-visible {

    outline: 0;

    box-shadow: var(--pr-focus-ring);

}



.pr-icon-btn--sm { --_iconbtn-size: 32px; }

.pr-icon-btn--lg { --_iconbtn-size: 48px; }





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

   SECTION RHYTHM  —  sayfa düzeyi padding (tek kaynak)

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

.pr-section,

.section.pr-section {

    padding-top: var(--pr-section-py);

    padding-bottom: var(--pr-section-py);

}



@media (max-width: 767.98px) {

    .pr-section,

    .section.pr-section {

        padding-top: var(--pr-section-py-md);

        padding-bottom: var(--pr-section-py-md);

    }

}
}

@layer components {
/* =====================================================================

   11-upload.css  —  Fotoğraf / dosya yükleme (drag-drop, önizleme, crop)

   =====================================================================

   Kapsam:

   • .cs-upload-container-1        — modal drag-drop (JPEG/PNG 40MB)

   • .cs-input-box-dashed-1        — ehliyet/pasaport önizleme kutuları

   • .cs-global-croppie-*          — kırpma adımı + aksiyon butonları

   • .cs-cars-upload-list-1        — araç fotoğrafı grid önizlemeleri

   • .cs-global-upload-btn-1       — yükleme CTA

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





/* ── Drag-drop alanı (modal + genel) ─────────────────────────────── */

.cs-upload-container-1 {

    --pr-upload-min-h: 220px;

    position: relative;

    width: 100%;

    max-width: 480px;

    margin: 0 auto var(--pr-space-6);

    border: 2px dashed var(--pr-line-strong);

    border-radius: var(--pr-r-2xl);

    background: var(--pr-bg-alt);

    text-align: center;

    overflow: hidden;

    transition:

        border-color var(--pr-dur-fast) var(--pr-ease),

        background-color var(--pr-dur-fast) var(--pr-ease),

        box-shadow var(--pr-dur-fast) var(--pr-ease);

}



.cs-upload-container-1:hover,

.cs-upload-container-1:focus-within {

    border-color: var(--pr-brand);

    background: var(--pr-brand-50);

    box-shadow: 0 0 0 4px var(--pr-brand-ring);

}



.cs-upload-container-1.is-dragover {

    border-color: var(--pr-brand);

    border-style: solid;

    background: var(--pr-brand-soft);

    box-shadow: 0 0 0 4px var(--pr-brand-ring);

}



.cs-upload-container-1 input[type="file"] {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    opacity: 0;

    cursor: pointer;

    z-index: 2;

}



.cs-upload-container-1 label {

    position: relative;

    z-index: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: var(--pr-space-2);

    width: 100%;

    min-height: var(--pr-upload-min-h);

    margin: 0;

    padding: var(--pr-space-8) var(--pr-space-5);

    cursor: pointer;

    pointer-events: none;

}



.cs-upload-container-1 label > * {

    pointer-events: none;

}



/* İkon — dairesel marka vurgusu */

.cs-upload-container-1 .csuc1-desc-1 {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 64px;

    height: 64px;

    margin: 0 0 var(--pr-space-2);

    border-radius: var(--pr-r-full);

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

    font-size: 28px;

    line-height: 1;

}



.cs-upload-container-1 .csuc1-desc-2 {

    margin: 0;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: var(--pr-fw-medium);

    line-height: var(--pr-leading-normal);

    color: var(--pr-ink-700);

}



.cs-upload-container-1 .csuc1-desc-2 strong {

    font-weight: var(--pr-fw-bold);

    color: var(--pr-brand);

    text-decoration: none;

}



.cs-upload-container-1 .csuc1-desc-2 span {

    font-weight: var(--pr-fw-semibold);

    color: var(--pr-brand);

    text-decoration: underline;

    text-underline-offset: 3px;

}



/* İkinci "veya" satırı — kompakt ayırıcı */

.cs-upload-container-1 .csuc1-desc-2 + .csuc1-desc-2 {

    font-size: var(--pr-text-xs);

    font-weight: var(--pr-fw-medium);

    color: var(--pr-text-subtle);

    text-transform: lowercase;

}



.cs-upload-container-1 .csuc1-desc-3 {

    margin: 0;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: var(--pr-fw-medium);

    line-height: var(--pr-leading-normal);

    color: var(--pr-text-muted);

    opacity: 1;

}



.cs-upload-container-1 .csuc1-desc-4,

.cs-upload-container-1 .jsInfoTextUp1,

.cs-upload-container-1 .jsFileUploadInputInfoT1 {

    margin: var(--pr-space-1) 0 0;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-xs);

    font-weight: var(--pr-fw-medium);

    line-height: var(--pr-leading-normal);

    color: var(--pr-text-subtle);

}



.cs-upload-container-1 .jsInfoTextUp1.successful,

.cs-upload-container-1 .jsFileUploadInputInfoT1.successful {

    color: var(--pr-brand);

    font-weight: var(--pr-fw-semibold);

}



.cs-upload-container-1 .jsInfoTextUp1.error,

.cs-upload-container-1 .jsFileUploadInputInfoT1.error {

    color: var(--pr-danger);

}





/* ── Yükle butonu (progress animasyonlu) ─────────────────────────── */

.cs-global-upload-btn-1 {

    position: relative;

    display: block;

    width: 100%;

    max-width: 280px;

    margin: 0 auto var(--pr-space-4);

    border-radius: var(--pr-r-pill);

    background: transparent;

    overflow: hidden;

}



.cs-global-upload-btn-1 a {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: var(--pr-control-h-md);

    padding: 0 var(--pr-space-6);

    border-radius: var(--pr-r-pill);

    background: var(--pr-brand);

    color: #fff;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: var(--pr-fw-semibold);

    line-height: 1;

    text-decoration: none;

    box-shadow: var(--pr-shadow-brand);

    transition:

        background-color var(--pr-dur-fast) var(--pr-ease),

        box-shadow var(--pr-dur-fast) var(--pr-ease),

        transform var(--pr-dur-fast) var(--pr-ease);

}



.cs-global-upload-btn-1 a:hover {

    background: var(--pr-brand-600);

    color: #fff;

    transform: translateY(-1px);

}



.cs-global-upload-btn-1 .csgub1-anime-d-1 {

    position: absolute;

    top: 50%;

    left: 72px;

    right: 25px;

    height: 4px;

    margin-top: -2px;

    background: rgba(255, 255, 255, 0.35);

    border-radius: var(--pr-r-pill);

    display: none;

}



.cs-global-upload-btn-1 .csgub1-anime-d-1 span {

    display: block;

    height: 100%;

    border-radius: inherit;

    background: #fff;

}





/* ── Kırpma (croppie) adımı ──────────────────────────────────────── */

.cs-global-croppie-step-2 {

    display: none;

}



.cs-global-croppie-d-1 {

    width: 100%;

    max-width: min(100%, 360px);

    margin: 0 auto var(--pr-space-4);

}



.cs-global-croppie-d-1.croppie-container {

    background: var(--pr-bg-alt);

    border-radius: var(--pr-r-xl);

}



.cs-global-croppie-d-1.croppie-container .cr-boundary {

    border: 2px dashed var(--pr-brand);

    border-radius: var(--pr-r-lg);

    background: var(--pr-surface);

    overflow: hidden;

}



.cs-global-croppie-d-1.croppie-container .cr-viewport,

.cs-global-croppie-d-1.croppie-container .cr-resizer {

    border-radius: var(--pr-r-md);

}



.cs-global-croppie-d-1.croppie-container .cr-slider-wrap {

    width: 100%;

    max-width: 100%;

    margin: var(--pr-space-4) auto var(--pr-space-2);

}



.cs-global-croppie-d-1.croppie-container .cr-slider {

    accent-color: var(--pr-brand);

}





/* Modal: Değiştir / Ekle buton hizası */

.cs-modal-4 .cs-global-croppie-step-2 .form-row.justify-content-center,

.cs-global-croppie-step-2 .form-row.justify-content-center {

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    justify-content: center;

    gap: var(--pr-space-3);

    margin: 0;

}



.cs-modal-4 .cs-global-croppie-step-2 .form-row.justify-content-center > .form-group,

.cs-global-croppie-step-2 .form-row.justify-content-center > .form-group {

    flex: 1 1 calc(50% - var(--pr-space-3));

    min-width: min(100%, 200px);

    max-width: 100%;

    margin: 0;

    padding: 0;

    display: flex;

}



.cs-modal-4 .cs-global-croppie-step-2 .cs-white-btn-1,

.cs-modal-4 .cs-global-croppie-step-2 .cs-primary-btn-2,

.cs-global-croppie-step-2 .cs-white-btn-1,

.cs-global-croppie-step-2 .cs-primary-btn-2 {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: var(--pr-control-h-md);

    margin: 0;

    padding: 0 var(--pr-space-5);

    border-radius: var(--pr-r-pill);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: var(--pr-fw-semibold);

    line-height: 1;

    letter-spacing: var(--pr-track-snug);

    transition:

        background-color var(--pr-dur-fast) var(--pr-ease),

        border-color var(--pr-dur-fast) var(--pr-ease),

        color var(--pr-dur-fast) var(--pr-ease),

        box-shadow var(--pr-dur-fast) var(--pr-ease),

        transform var(--pr-dur-fast) var(--pr-ease);

}



.cs-modal-4 .cs-global-croppie-step-2 .cs-white-btn-1,

.cs-global-croppie-step-2 .cs-white-btn-1 {

    background: var(--pr-surface);

    color: var(--pr-ink);

    border: 1px solid var(--pr-line-strong);

    box-shadow: none;

}



.cs-modal-4 .cs-global-croppie-step-2 .cs-white-btn-1:hover,

.cs-global-croppie-step-2 .cs-white-btn-1:hover {

    background: var(--pr-bg-alt);

    border-color: var(--pr-brand);

    color: var(--pr-brand);

}



.cs-modal-4 .cs-global-croppie-step-2 .cs-primary-btn-2,

.cs-global-croppie-step-2 .cs-primary-btn-2 {

    background: var(--pr-brand);

    color: #fff;

    border: none;

    box-shadow: var(--pr-shadow-brand);

}



.cs-modal-4 .cs-global-croppie-step-2 .cs-primary-btn-2:hover,

.cs-global-croppie-step-2 .cs-primary-btn-2:hover {

    background: var(--pr-brand-600);

    color: #fff;

    transform: translateY(-1px);

    box-shadow: 0 12px 28px rgba(var(--pr-brand-rgb), 0.28);

}





/* ── Ehliyet / pasaport önizleme kutuları ──────────────────────── */

.cs-input-image-wrapper-1 {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));

    gap: var(--pr-list-gap);

    align-items: start;

    width: 100%;

    padding: var(--pr-space-2) 0;

}



.cs-input-image-wrapper-1 > div {

    position: relative;

    width: 100%;

    max-width: 220px;

    margin: 0 auto;

}



.cs-input-box-dashed-1 {

    position: relative;

    width: 100%;

    aspect-ratio: 1 / 1;

    max-width: 220px;

    margin: 0 auto;

    border: 2px dashed var(--pr-line-strong);

    border-radius: var(--pr-r-xl);

    background-color: var(--pr-bg-alt);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

    cursor: pointer;

    transition:

        border-color var(--pr-dur-fast) var(--pr-ease),

        background-color var(--pr-dur-fast) var(--pr-ease),

        box-shadow var(--pr-dur-fast) var(--pr-ease);

}



.cs-input-box-dashed-1:hover,

.cs-input-box-dashed-1:focus-within,

.cs-input-box-dashed-1.is-dragover {

    border-color: var(--pr-brand);

    background-color: var(--pr-brand-50);

    box-shadow: 0 0 0 4px var(--pr-brand-ring);

}



/* Önizleme yüklendi — taşma yok, cover */

.cs-input-box-dashed-1[style*="background-image"] {

    border-style: solid;

    border-color: var(--pr-brand);

    background-color: var(--pr-surface);

}



.cs-input-box-dashed-1[style*="background-image"]::after {

    content: '';

    position: absolute;

    inset: 0;

    background: linear-gradient(180deg,

        rgba(10, 10, 11, 0) 40%,

        rgba(10, 10, 11, 0.45) 100%);

    opacity: 0;

    transition: opacity var(--pr-dur-fast) var(--pr-ease);

    pointer-events: none;

    z-index: 1;

}



.cs-input-box-dashed-1[style*="background-image"]:hover::after {

    opacity: 1;

}



.cs-input-box-dashed-1 .cs-text-box-1 {

    position: absolute;

    inset: 0;

    z-index: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: var(--pr-space-2);

    padding: var(--pr-space-3);

    margin: 0;

    transform: none;

    text-align: center;

    pointer-events: none;

}



.cs-input-box-dashed-1 .cs-text-box-1 i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;

    height: 48px;

    border-radius: var(--pr-r-full);

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

    font-size: 22px;

    line-height: 1;

}



.cs-input-box-dashed-1 .cs-text-box-1 .cs-desc-1 {

    margin: 0;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: var(--pr-fw-semibold);

    line-height: var(--pr-leading-snug);

    color: var(--pr-ink-700);

}



.cs-input-box-dashed-1[style*="background-image"] .cs-text-box-1 {

    opacity: 0;

}



.cs-input-image-wrapper-1 .csub1-btn-1 {

    position: absolute;

    right: var(--pr-space-2);

    bottom: var(--pr-space-2);

    z-index: 3;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    height: 32px;

    padding: 0;

    border: none;

    border-radius: var(--pr-r-full);

    background: var(--pr-surface);

    color: var(--pr-danger);

    font-size: 16px;

    line-height: 1;

    box-shadow: var(--pr-shadow-md);

    transition:

        background-color var(--pr-dur-fast) var(--pr-ease),

        transform var(--pr-dur-fast) var(--pr-ease);

}



.cs-input-image-wrapper-1 .csub1-btn-1:hover {

    background: var(--pr-danger-soft);

    transform: scale(1.06);

}





/* ── Araç fotoğrafı grid önizlemeleri ───────────────────────────── */

.cs-car-file-input-main {

    margin-top: var(--pr-space-4);

}



.cs-global-add-btn-1 {

    display: inline-flex;

    align-items: center;

    gap: var(--pr-space-2);

    margin: 0 0 var(--pr-space-4);

    padding: var(--pr-space-2) var(--pr-space-4);

    border: 1px dashed var(--pr-brand);

    border-radius: var(--pr-r-pill);

    background: var(--pr-brand-soft);

    color: var(--pr-brand) !important;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm) !important;

    font-weight: var(--pr-fw-semibold) !important;

    line-height: 1.3;

    cursor: pointer;

    transition:

        background-color var(--pr-dur-fast) var(--pr-ease),

        border-color var(--pr-dur-fast) var(--pr-ease),

        transform var(--pr-dur-fast) var(--pr-ease);

}



.cs-global-add-btn-1:hover {

    background: var(--pr-brand);

    border-color: var(--pr-brand);

    color: #fff !important;

    transform: translateY(-1px);

}



.cs-global-add-btn-1 i {

    font-size: 18px;

    line-height: 1;

    position: static;

    padding: 0;

}



.cs-cars-upload-list-1 {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));

    gap: var(--pr-list-gap);

    width: 100%;

    margin: 0 0 var(--pr-space-4);

    padding: 0;

}



.cs-cars-upload-list-1 .cscul1-col-1 {

    width: auto;

    max-width: none;

    margin: 0;

    padding: 0;

    float: none;

}



.cs-cars-upload-box-1 {

    position: relative;

    width: 100%;

    aspect-ratio: 4 / 3;

    height: auto;

    min-height: 96px;

    max-height: 180px;

    margin: 0;

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-lg);

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    overflow: hidden;

    transition:

        border-color var(--pr-dur-fast) var(--pr-ease),

        box-shadow var(--pr-dur-fast) var(--pr-ease);

}



.cs-cars-upload-box-1::before {

    content: '';

    position: absolute;

    inset: 0;

    border-radius: inherit;

    background: rgba(10, 10, 11, 0.45);

    opacity: 0;

    visibility: hidden;

    transition:

        opacity var(--pr-dur-fast) var(--pr-ease),

        visibility var(--pr-dur-fast) var(--pr-ease);

    z-index: 1;

}



.cs-cars-upload-box-1:hover {

    border-color: var(--pr-brand);

    box-shadow: var(--pr-shadow-md);

}



.cs-cars-upload-box-1:hover::before {

    opacity: 1;

    visibility: visible;

}



.cs-cars-upload-box-1 .cscub1-delete-btn-1 {

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 2;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    margin: 0;

    padding: 0;

    border: none;

    border-radius: var(--pr-r-full);

    background: var(--pr-surface);

    color: var(--pr-danger);

    font-size: 16px;

    line-height: 1;

    transform: translate(-50%, -50%);

    opacity: 0;

    visibility: hidden;

    box-shadow: var(--pr-shadow-md);

    transition:

        opacity var(--pr-dur-fast) var(--pr-ease),

        transform var(--pr-dur-fast) var(--pr-ease),

        background-color var(--pr-dur-fast) var(--pr-ease);

}



.cs-cars-upload-box-1:hover .cscub1-delete-btn-1 {

    opacity: 1;

    visibility: visible;

}



.cs-cars-upload-box-1 .cscub1-delete-btn-1:hover {

    background: var(--pr-danger-soft);

    transform: translate(-50%, -50%) scale(1.08);

}





/* ── Responsive ──────────────────────────────────────────────────── */

@media (max-width: 767.98px) {

    .cs-upload-container-1 {

        --pr-upload-min-h: 200px;

        max-width: 100%;

    }



    .cs-upload-container-1 label {

        padding: var(--pr-space-6) var(--pr-space-4);

    }



    .cs-upload-container-1 .csuc1-desc-1 {

        width: 56px;

        height: 56px;

        font-size: 24px;

    }



    .cs-input-image-wrapper-1 {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: var(--pr-list-gap);

    }



    .cs-input-image-wrapper-1 > div,

    .cs-input-box-dashed-1 {

        max-width: none;

    }



    .cs-global-croppie-step-2 .form-row.justify-content-center > .form-group {

        flex: 1 1 100%;

    }



    .cs-cars-upload-list-1 {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: var(--pr-list-gap);

    }

}



@media (max-width: 420px) {

    .cs-cars-upload-list-1 {

        grid-template-columns: 1fr 1fr;

        gap: var(--pr-list-gap);

    }

}



/* ── Başvuru sayfası modal upload (.cs-dd-modal-file-1) ─────────── */

.cs-dd-modal-file-1 .cs-modal-input-wrapper {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 100%;

    max-width: 420px;

    min-height: 280px;

    height: auto;

    margin: 0 auto;

    padding: var(--pr-space-6);

    border: 2px dashed var(--pr-line-strong);

    border-radius: var(--pr-r-2xl);

    background: var(--pr-bg-alt);

    overflow: hidden;

    transition:

        border-color var(--pr-dur-fast) var(--pr-ease),

        background-color var(--pr-dur-fast) var(--pr-ease),

        box-shadow var(--pr-dur-fast) var(--pr-ease);

}



.cs-dd-modal-file-1 .cs-modal-input-wrapper:hover,

.cs-dd-modal-file-1 .cs-modal-input-wrapper:focus-within,

.cs-dd-modal-file-1 .cs-modal-input-wrapper.is-dragover {

    border-color: var(--pr-brand);

    background: var(--pr-brand-50);

    box-shadow: 0 0 0 4px var(--pr-brand-ring);

}



.cs-dd-modal-file-1 .cs-modal-input-wrapper input[type="file"] {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    opacity: 0;

    cursor: pointer;

    z-index: 2;

}



.cs-dd-modal-file-1 .cs-dd-modal-text {

    position: relative;

    z-index: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: var(--pr-space-2);

    width: 100%;

    padding: var(--pr-space-4);

    text-align: center;

    pointer-events: none;

}



.cs-dd-modal-file-1 .cs-dd-modal-text img {

    width: 56px;

    height: 56px;

    object-fit: contain;

    margin-bottom: var(--pr-space-2);

}



.cs-dd-modal-file-1 .cs-desc-1,

.cs-dd-modal-file-1 .cs-desc-2,

.cs-dd-modal-file-1 .cs-desc-3 {

    margin: 0;

    font-family: var(--pr-font-sans);

    color: var(--pr-ink-700);

}



.cs-dd-modal-file-1 .cs-desc-strong-1 {

    font-weight: var(--pr-fw-bold);

    color: var(--pr-brand);

}



.cs-dd-modal-file-1 .cs-upload-label-1 {

    color: var(--pr-brand) !important;

    font-weight: var(--pr-fw-semibold);

    text-decoration: underline !important;

    text-underline-offset: 3px;

    cursor: pointer;

    pointer-events: auto;

}



.cs-dd-modal-file-1 .cs-desc-2 {

    font-size: var(--pr-text-sm);

    color: var(--pr-text-muted);

}



.cs-dd-modal-file-1 .cs-desc-3 {

    font-size: var(--pr-text-xs);

    color: var(--pr-text-subtle);

}



.cs-dd-modal-file-1 .cs-file-name-text {

    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: var(--pr-text-sm);

    font-weight: var(--pr-fw-semibold);

    color: var(--pr-brand);

}



/* main.js önizleme — taşmayı engelle */

.cs-input-box-dashed-1[style*="background-image"] {

    background-size: cover !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

}



@media (prefers-reduced-motion: reduce) {

    .cs-upload-container-1,

    .cs-input-box-dashed-1,

    .cs-cars-upload-box-1,

    .cs-global-add-btn-1,

    .cs-global-upload-btn-1 a,

    .cs-dd-modal-file-1 .cs-modal-input-wrapper {

        transition: none;

    }

}
}

@layer components {
/* =====================================================================

   12-layout-rhythm.css  —  Grid / flex listeleme boşluk standartları

   =====================================================================

   Mobile-first responsive gap & padding — tüm çoklu listeleme alanları

   aynı ritmi paylaşır (simetrik, yapışma yok, desktop'ta nefes alanı).



   Ölçek (Tailwind benzeri):

     base (<480)  → 12px  (--pr-space-3)

     sm  (≥480)   → 16px  (--pr-space-4)   "gap-4"

     md  (≥768)   → 24px  (--pr-space-6)   "gap-6"

     lg  (≥1024)  → 32px  (--pr-space-8)   "gap-8"

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



:root {

    --pr-list-gap: var(--pr-space-3);

    --pr-list-gap-x: var(--pr-list-gap);

    --pr-list-gap-y: var(--pr-list-gap);

    --pr-list-pad: var(--pr-space-3);

    --pr-list-pad-block: var(--pr-list-pad);

    --pr-list-pad-inline: var(--pr-list-pad);

    --pr-list-col-min: 260px;

    --pr-list-col-min-sm: 120px;

    --pr-list-col-min-md: 240px;

}



@media (min-width: 480px) {

    :root {

        --pr-list-gap: var(--pr-space-4);

        --pr-list-pad: var(--pr-space-4);

        --pr-list-col-min: 280px;

    }

}



@media (min-width: 768px) {

    :root {

        --pr-list-gap: var(--pr-space-6);

        --pr-list-pad: var(--pr-space-5);

        --pr-list-col-min: 300px;

    }

}



@media (min-width: 1024px) {

    :root {

        --pr-list-gap: var(--pr-space-8);

        --pr-list-pad: var(--pr-space-6);

    }

}





/* Grid listeler — ortak sütun + hizalama */

.pr-list-grid,

.cs-rentcar-section-2 .cs-list-row-1,

.cs-favorite-list,

.vehicle-list,

.pr-why__grid,

.pr-trust__metrics,

.cs-cars-upload-list-1,

.cs-input-image-wrapper-1,

.p-home-suppliers-grid,

.p-home-cities-grid,

.p-home-campaign-grid,

.p-home-blog-list {

    display: grid;

    align-items: stretch;

    margin: 0;

    padding: 0;

    list-style: none;

}



.cs-rentcar-section-2 .cs-list-row-1,

.cs-favorite-list,

.vehicle-list {

    grid-template-columns: repeat(auto-fill, minmax(var(--pr-list-col-min), 1fr));

    gap: var(--pr-list-gap);

}



.pr-why__grid {

    grid-template-columns: repeat(auto-fit, minmax(var(--pr-list-col-min-md), 1fr));

    gap: var(--pr-list-gap);

}



.pr-trust__metrics {

    grid-template-columns: repeat(auto-fit, minmax(var(--pr-list-col-min-sm), 1fr));

    gap: var(--pr-list-gap);

}



.cs-cars-upload-list-1,

.cs-input-image-wrapper-1 {

    grid-template-columns: repeat(auto-fill, minmax(var(--pr-list-col-min-sm), 1fr));

    gap: var(--pr-list-gap);

}



.p-home-suppliers-grid,

.p-home-cities-grid,

.p-home-campaign-grid,

.p-home-blog-list {

    gap: var(--pr-list-gap);

    margin-top: var(--pr-list-pad);

    /* Sütun kırılımları → 22-breakpoints.css */

}



/* Flex listeler (footer app list, chip satırları vb.) */

.pr-list-flex,

.cs-footer-1 .pr-footer__app-list,

.cs-footer-1 .cs-footer-social-1,

.pr-footer__app-list {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: var(--pr-list-gap);

}



/* Bootstrap row → grid gap ile çakışan kolon padding sıfırla */

.pr-list-grid > [class*="col"],

.pr-list-grid > .cslr1-col-1,

.pr-list-grid > .cscul1-col-1,

.pr-list-grid > .item,

.cs-rentcar-section-2 .cs-list-row-1 > .cslr1-col-1,

.cs-favorite-list > .cslr1-col-1,

.vehicle-list > .cslr1-col-1,

.p-home-suppliers-grid > .item,

.p-home-cities-grid > .item,

.p-home-campaign-grid > .item,

.p-home-blog-list > .item,

.cs-cars-upload-list-1 > .cscul1-col-1,

[class*="cs-list-row-"] > [class*="col"] {

    width: auto;

    max-width: none;

    margin: 0 !important;

    padding: 0 !important;

    float: none;

}



/* Kart / öğe içi simetrik padding */

.pr-list-grid > .cslr1-col-1 > .cs-car-box-1,

.pr-list-grid > .item > .cs-comment-box-1,

.pr-list-grid > .item > .p-home-city-card,

.pr-list-grid > .item > .p-home-supplier-card,

.pr-list-grid > .item > .p-home-campaign-card,

.pr-list-grid > .item > .p-home-blog-card {

    height: 100%;

}



/* Owl carousel — slayt arası yatay ritim */

.cs-homepage-sec-6 .halfSlider1.owl-carousel .item,

.cs-homepage-sec-7 .owl-carousel .item,

.owl-carousel.pr-list-carousel .item {

    padding-left: calc(var(--pr-list-gap) / 2);

    padding-right: calc(var(--pr-list-gap) / 2);

    box-sizing: border-box;

}



/* Tab slider iki kolon — gutter */

.p-home .cs-homepage-sec-3 .cs-slider-row-1,

.p-home .cs-homepage-sec-4 .cs-slider-row-1 {

    gap: var(--pr-list-gap);

    column-gap: var(--pr-list-gap);

    row-gap: var(--pr-list-gap);

}



/* Form satırları — çoklu alan listeleri */

.cs-form-1 .form-row.pr-list-flex,

.cs-form-1 .form-row[class*="list"] {

    gap: var(--pr-list-gap);

    margin-left: 0;

    margin-right: 0;

}



.cs-form-1 .form-row.pr-list-flex > [class*="col"],

.cs-form-1 .form-row.pr-list-flex > .form-group {

    padding-left: 0;

    padding-right: 0;

}





/* Kolon kırılımları → 22-breakpoints.css (md / lg / xl kademeli) */



@media (min-width: 768px) {

    .pr-trust__metrics {

        gap: var(--pr-list-gap);

    }

}





/* ── Yatay swipe listeler (mobil) — gap token; taşma 13-overflow-guard ─ */

@media (max-width: 767.98px) {

    .cs-rentcar-section-2 .cs-list-row-1,

    .cs-favorite-list,

    .vehicle-list {

        gap: var(--pr-list-gap);

    }



    .cs-rentcar-section-2 .cs-list-row-1 > .cslr1-col-1,

    .cs-favorite-list > .cslr1-col-1,

    .vehicle-list > .cslr1-col-1 {

        scroll-snap-align: start;

    }

}
}

@layer components {
/* =====================================================================

   08-motion.css  —  Premium motion system (ölçülü, performanslı)

   ---------------------------------------------------------------------

   İlkeler:

   - Yalnızca opacity + transform (composite layer), layout tetiklemez

   - Varsayılan süre ~380ms, Apple tarzı cubic-bezier (--pr-ease)

   - prefers-reduced-motion: anında görünür, transition yok

   - Scroll reveal: JS (motion-reveal.js) `.is-pr-inview` sınıfı ekler



   Kullanım:

     <section class="pr-reveal pr-reveal--sm">...</section>

     <div class="pr-reveal-group">

       <article class="pr-reveal pr-reveal--sm">...</article>

       ...

     </div>

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





/* ── Scroll reveal (başlangıç gizli → görünür) ─────────────────────── */

.pr-reveal {

    --pr-rv-dist: var(--pr-reveal-distance-md);

    --pr-rv-dur: var(--pr-reveal-duration);



    opacity: 0;

    transform: translate3d(0, var(--pr-rv-dist), 0);

    transition:

        opacity var(--pr-rv-dur) var(--pr-ease),

        transform var(--pr-rv-dur) var(--pr-ease);

    transition-delay: var(--pr-rv-delay, 0ms);

}



.pr-reveal.is-pr-inview {

    opacity: 1;

    transform: translate3d(0, 0, 0);

}



/* Mesafe varyantları */

.pr-reveal--sm {

    --pr-rv-dist: var(--pr-reveal-distance-sm);

}



.pr-reveal--lg {

    --pr-rv-dist: var(--pr-reveal-distance-lg);

}



/* Sadece fade — dikey hareket yok */

.pr-reveal--fade {

    --pr-rv-dist: 0px;

    --pr-rv-dur: var(--pr-dur-base);

}



/* Grup içi hafif stagger (çok fazla çocuk için max 6 adım) */

.pr-reveal-group > .pr-reveal:nth-child(1) {

    --pr-rv-delay: 0ms;

}



.pr-reveal-group > .pr-reveal:nth-child(2) {

    --pr-rv-delay: calc(var(--pr-reveal-stagger) * 1);

}



.pr-reveal-group > .pr-reveal:nth-child(3) {

    --pr-rv-delay: calc(var(--pr-reveal-stagger) * 2);

}



.pr-reveal-group > .pr-reveal:nth-child(4) {

    --pr-rv-delay: calc(var(--pr-reveal-stagger) * 3);

}



.pr-reveal-group > .pr-reveal:nth-child(5) {

    --pr-rv-delay: calc(var(--pr-reveal-stagger) * 4);

}



.pr-reveal-group > .pr-reveal:nth-child(6) {

    --pr-rv-delay: calc(var(--pr-reveal-stagger) * 5);

}





@media (prefers-reduced-motion: reduce) {

    .pr-reveal,

    .pr-reveal.is-pr-inview {

        opacity: 1 !important;

        transform: none !important;

        transition: none !important;

        transition-delay: 0ms !important;

    }



    .cs-footer-1 .cs-footer-menu-1 a:hover,

    .cs-footer-1 .cs-footer-menu-2 a:hover,

    footer nav a:hover {

        transform: none;

    }

}





/* ── Hover: inline metin linkleri (sayfa gövdesi) ───────────────────── */

.cs-global-desc-1 a,

.in-content-1 a,

.cs-global-link-1 {

    transition:

        color var(--pr-dur-fast) var(--pr-ease-soft),

        border-color var(--pr-dur-fast) var(--pr-ease-soft);

}





/* ── Hover: footer metin linkleri (ikon kutularına dokunma) ────────── */

.cs-footer-1 .cs-footer-menu-1 a,

.cs-footer-1 .cs-footer-menu-2 a,

footer nav a {

    transition:

        color var(--pr-dur-fast) var(--pr-ease-soft),

        transform var(--pr-dur-fast) var(--pr-ease-soft);

}



.cs-footer-1 .cs-footer-menu-1 a:hover,

.cs-footer-1 .cs-footer-menu-2 a:hover,

footer nav a:hover {

    transform: translate3d(2px, 0, 0);

}





/* ── Ana sayfa arama kartı — mevcut hover’a mikro derinlik ──────────── */

.cs-homepage-sec-2 .cs-loc-date-d-1 {

    transition: var(--pr-transition-surface);

}



.cs-homepage-sec-2 .cs-loc-date-d-1:hover {

    transform: translate3d(0, -2px, 0);

    box-shadow: var(--pr-shadow-md);

}
}

@layer components {
/* =====================================================================

   16-interactions.css  —  Premium hover & transition system

   ---------------------------------------------------------------------

   Tüm interaktif yüzeylerde akıcı geçişler (~300ms ease-in-out).

   transition-all kullanılmaz — yalnızca composite-friendly özellikler.



   Token kaynağı: 00-tokens.css

     --pr-dur-interaction, --pr-ease-in-out

     --pr-transition-interactive | -surface | -control



   Opt-in: .pr-interactive, .u-transition-interactive (06-utilities)

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





/* Buton geçişleri → 03-components.css (tek kaynak) */



/* ── 1) KARTLAR & YÜZEYLER ─────────────────────────────────────────── */

.card,

.cs-car-box-1,

.cs-vehicle-box-1,

.cs-blog-box-1,

.cs-team-box-1,

.cs-card-box-1,

.cs-card-box-2,

.cs-city-box-1,

.cs-campaign-box-1,

.cs-aub-item-1,

.cs-career-item-1,

.cs-career-advert-itembox-1,

.cs-feature-card-1,

.pr-why__card,

.pr-search-card,

.cs-comment-box-1 {

    transition: var(--pr-transition-surface);

}



/* Bilgi kartları — hafif hover (lift yok, gölge + kenar) */

.cs-faq-box-1,

.cs-comment-box-1,

.cs-history-card-1,

.cs-cd-infobox-1,

.cs-loan-item-1,

.cs-speech-info-box-1,

.cs-speech-info-box-2,

.cs-notification-list-item-1 {

    transition: var(--pr-transition-surface);

}



.cs-faq-box-1:hover,

.cs-comment-box-1:hover,

.cs-history-card-1:hover,

.cs-cd-infobox-1:hover,

.cs-loan-item-1:hover,

.cs-notification-list-item-1:hover {

    border-color: var(--pr-line-strong);

    box-shadow: var(--pr-shadow-sm);

}





/* ── 2) FORM KONTROLLERİ ───────────────────────────────────────────── */

input.form-control,

select.form-control,

textarea.form-control,

.cs-input-1,

.cs-form-control,

.cs-textarea-1,

.pr-search-card .csib1-col-2 input.form-control,

.cs-search-locDate-area-1 .csib1-col-2 input.form-control {

    transition: var(--pr-transition-control);

}



.pr-search-card .csld1-col-1,

.pr-search-card .csld1-col-2,

.pr-search-card .csld1-col-3,

.cs-search-locDate-area-1 .csld1-col-1,

.cs-search-locDate-area-1 .csld1-col-2,

.cs-search-locDate-area-1 .csld1-col-3 {

    transition: var(--pr-transition-control);

}



.pr-search-card .cs-icon-box-1,

.cs-search-locDate-area-1 .cs-icon-box-1 {

    transition: var(--pr-transition-interactive);

}



.pr-search-card .cs-icon-box-1:hover,

.cs-search-locDate-area-1 .cs-icon-box-1:hover {

    transform: scale(1.05);

}





/* ── 3) NAV, MENÜ, SEKMELER ────────────────────────────────────────── */

.nav-tabs .nav-link,

.cs-navTabs-1 .nav-link,

.jsTabSliderTab1 .nav-link,

.jsTabSliderTab2 .nav-link {

    transition: var(--pr-transition-interactive);

}



.nav-tabs .nav-link.active::after,

.cs-navTabs-1 .nav-link.active::after {

    transition:

        transform var(--pr-dur-interaction) var(--pr-ease-in-out),

        opacity var(--pr-dur-interaction) var(--pr-ease-in-out);

}



.dropdown-item,

.cs-dropdown-menu-1 a,

.pr-search-card .search-m-d-1 > a,

.pr-search-card .search-m-d-1 .smm-d-1 li a,

.cs-search-locDate-area-1 .search-m-d-1 > a,

.cs-search-locDate-area-1 .search-m-d-1 .smm-d-1 li a {

    transition: var(--pr-transition-interactive);

}



.cs-account-sidebar-1 a,

.cs-dashboard-sidebar-1 a {

    transition: var(--pr-transition-interactive);

}



.cs-account-sidebar-1 a:hover,

.cs-dashboard-sidebar-1 a:hover {

    transform: translate3d(4px, 0, 0);

}



.breadcrumb-item a {

    transition: color var(--pr-dur-interaction) var(--pr-ease-in-out);

}



.breadcrumb-item a:hover {

    color: var(--pr-brand);

}





/* ── 4) SAYFALAMA, İKON, CAROUSEL ──────────────────────────────────── */

.pagination .page-item .page-link,

.cs-pagination-1 .page-link {

    transition: var(--pr-transition-interactive);

}



.pagination .page-item .page-link:hover {

    transform: translate3d(0, -1px, 0);

}



.pr-icon-btn,

.cs-car-box-1 .like-btn-1,

.btn-close,

.modal .close,

.cs-close-btn {

    transition: var(--pr-transition-interactive);

}



.pr-icon-btn:hover {

    transform: translate3d(0, -2px, 0);

    box-shadow: var(--pr-shadow-sm);

}



.owl-carousel .owl-nav button.owl-prev,

.owl-carousel .owl-nav button.owl-next {

    transition: var(--pr-transition-interactive);

}



.owl-carousel .owl-nav button.owl-prev:hover,

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

    transform: translate3d(0, -2px, 0) scale(1.04);

    box-shadow: var(--pr-shadow-md);

}



.owl-carousel .owl-dot span {

    transition:

        width var(--pr-dur-interaction) var(--pr-ease-in-out),

        background-color var(--pr-dur-interaction) var(--pr-ease-in-out);

}





.pr-section-cta,

.cs-wbg-head-1 .cs-link-1 {

    transition: var(--pr-transition-interactive);

}



.pr-section-cta:hover {

    gap: var(--pr-space-2);

    color: var(--pr-brand);

}





/* ── 6) SCROLL-TO-TOP & OPT-IN SINIF ───────────────────────────────── */

#goTpButton {

    transition: var(--pr-transition-interactive);

}



#goTpButton:hover {

    transform: translate3d(0, -3px, 0);

    box-shadow: var(--pr-shadow-brand);

}



.pr-interactive {

    transition: var(--pr-transition-interactive);

}



.pr-interactive--lift:hover {

    transform: translate3d(0, var(--pr-card-lift-sm), 0);

    box-shadow: var(--pr-card-shadow-hover);

}





/* ── 7) prefers-reduced-motion ─────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {

  .pr-icon-btn:hover,

  .pagination .page-item .page-link:hover,

  .owl-carousel .owl-nav button.owl-prev:hover,

  .owl-carousel .owl-nav button.owl-next:hover,

  #goTpButton:hover,

  .cs-account-sidebar-1 a:hover,

  .cs-dashboard-sidebar-1 a:hover,

  .cs-faq-box-1:hover,

  .cs-comment-box-1:hover,

  .pr-search-card .cs-icon-box-1:hover {

    transform: none !important;

  }



  .card,

  .cs-car-box-1,

  input.form-control,

  .pr-interactive {

    transition-duration: 0.01ms !important;

  }

}
}

@layer components {
/* =====================================================================

   17-modals-cookie.css  —  Çerez banner + premium modal / overlay

   ---------------------------------------------------------------------

   • Çerez barı: slide-up giriş, glass yüzey, net Kabul/Reddet butonları

   • Tüm Bootstrap modal'lar: blur overlay, yumuşak dialog animasyonu

   • cs-modal-* varyantları, SweetAlert2, bildirim modalları

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





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

   1) ÇEREZ BANNER — .cs-cookie-fly-d-1

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



.cs-global-area-1 {

    pointer-events: none;

}



.cs-global-area-1 .cs-cookie-fly-d-1 {

    pointer-events: auto;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: var(--pr-z-cookie);

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    gap: var(--pr-space-4) var(--pr-space-6);

    width: 100%;

    max-width: 100%;

    margin: 0;

    padding: var(--pr-space-5) var(--pr-space-6);

    padding-bottom: max(var(--pr-space-5), env(safe-area-inset-bottom));

    background: var(--pr-glass-strong);

    border-top: 1px solid var(--pr-line);

    box-shadow:

        0 -4px 6px rgba(10, 10, 11, 0.02),

        0 -20px 48px rgba(10, 10, 11, 0.10);

    -webkit-backdrop-filter: blur(20px) saturate(160%);

            backdrop-filter: blur(20px) saturate(160%);

    text-align: left;

    opacity: 1;

    visibility: visible;

    transform: translate3d(0, 0, 0);

    transition:

        transform var(--pr-dur-slow) var(--pr-ease-in-out),

        opacity var(--pr-dur-interaction) var(--pr-ease-in-out),

        visibility var(--pr-dur-interaction);

}



.cs-global-area-1 .cs-cookie-fly-d-1:not(.deactive) {

    animation: pr-cookie-enter var(--pr-dur-slow) var(--pr-ease) both;

}



.cs-global-area-1 .cs-cookie-fly-d-1.deactive {

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translate3d(0, 110%, 0);

    animation: none;

}



@keyframes pr-cookie-enter {

    from {

        opacity: 0;

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        transform: translate3d(0, 0, 0);

    }

}



/* Metin */

.cs-global-area-1 .cs-cookie-fly-d-1 .desc-1 {

    flex: 1 1 280px;

    max-width: 72ch;

    margin: 0;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: 400;

    line-height: var(--pr-leading-normal);

    color: var(--pr-text-muted);

    letter-spacing: var(--pr-track-snug);

}



.cs-global-area-1 .cs-cookie-fly-d-1 .desc-1 a {

    color: var(--pr-brand);

    font-weight: 600;

    text-decoration: underline;

    text-underline-offset: 3px;

    transition: color var(--pr-dur-interaction) var(--pr-ease-in-out);

}



.cs-global-area-1 .cs-cookie-fly-d-1 .desc-1 a:hover {

    color: var(--pr-brand-600);

}



/* Buton grubu */

.cs-global-area-1 .cs-cookie-fly-d-1 .btn-menu-1 {

    flex: 0 0 auto;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: flex-end;

    gap: var(--pr-space-3);

    list-style: none;

    margin: 0;

    padding: 0;

}



.cs-global-area-1 .cs-cookie-fly-d-1 .btn-menu-1 li {

    margin: 0;

    padding: 0;

    line-height: 1;

}



/* Reddet — soft gri, koyu metin */

.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-1,

.cs-global-area-1 .cs-cookie-fly-d-1 .pr-cookie-banner__btn--reject {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: var(--pr-control-h-sm);

    padding: 0 var(--pr-space-5);

    border: 1px solid var(--pr-line-strong);

    border-radius: var(--pr-r-pill);

    background: var(--pr-bg-alt);

    color: var(--pr-ink);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: 600;

    line-height: 1.2;

    cursor: pointer;

    box-shadow: none;

    transition: var(--pr-transition-interactive);

}



.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-1:hover,

.cs-global-area-1 .cs-cookie-fly-d-1 .pr-cookie-banner__btn--reject:hover {

    background: var(--pr-surface-2);

    border-color: var(--pr-line-stronger);

    color: var(--pr-ink);

    transform: translate3d(0, -1px, 0);

}



/* Kabul Et — belirgin ana renk */

.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-2,

.cs-global-area-1 .cs-cookie-fly-d-1 .pr-cookie-banner__btn--accept {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: var(--pr-control-h-sm);

    padding: 0 var(--pr-space-6);

    border: 1px solid transparent;

    border-radius: var(--pr-r-pill);

    background: var(--pr-brand);

    color: #fff;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: 600;

    line-height: 1.2;

    cursor: pointer;

    box-shadow: var(--pr-shadow-brand);

    transition: var(--pr-transition-interactive);

}



.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-2:hover,

.cs-global-area-1 .cs-cookie-fly-d-1 .pr-cookie-banner__btn--accept:hover {

    background: var(--pr-brand-600);

    color: #fff;

    transform: translate3d(0, -2px, 0);

    box-shadow: var(--pr-shadow-md), var(--pr-shadow-brand);

}



.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-1:focus-visible,

.cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-2:focus-visible {

    outline: 0;

    box-shadow: var(--pr-focus-ring);

}





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

   2) GLOBAL MODAL — overlay + dialog + kapat

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



.modal {

    z-index: var(--pr-z-modal);

}



.modal-dialog,

.modal-dialog-centered {

    margin: var(--pr-space-4) auto;

    width: calc(100% - var(--pr-space-8));

    max-width: min(640px, 100%);

}



.modal-content {

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-2xl);

    box-shadow: var(--pr-shadow-xl);

    overflow: hidden;

}



.modal .close,

.modal .btn-close {

    position: absolute;

    top: var(--pr-space-4);

    right: var(--pr-space-4);

    z-index: 2;

    width: 40px;

    height: 40px;

    margin: 0;

    padding: 0;

    font-size: 1.25rem;

    line-height: 1;

    opacity: 1;

    text-shadow: none;

    transition: var(--pr-transition-interactive);

}



.modal .close:hover,

.modal .btn-close:hover {

    transform: scale(1.05);

}



.modal-header {

    padding: var(--pr-space-6) var(--pr-space-6) var(--pr-space-4);

    border-bottom: 1px solid var(--pr-line);

}



.modal-header .modal-title,

.modal-head-1 {

    font-family: var(--pr-font-display);

    font-size: var(--pr-text-lg);

    font-weight: 600;

    color: var(--pr-ink);

    letter-spacing: var(--pr-track-tight);

}



.modal-body {

    padding: var(--pr-space-6);

    color: var(--pr-text);

    font-size: var(--pr-text-base);

    line-height: var(--pr-leading-normal);

}



.modal-footer {

    padding: var(--pr-space-4) var(--pr-space-6) var(--pr-space-6);

    border-top: 1px solid var(--pr-line);

    gap: var(--pr-space-3);

}



.modal-footer .btn,

.modal-footer .cs-primary-btn-1,

.modal-footer .cs-secondary-btn-1,

.modal-footer .cs-primary-btn-2 {

    min-height: var(--pr-control-h-md);

}





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

   3) cs-modal-* varyantları

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



/* Kampanya / görsel modal */

.cs-modal-2 .modal-dialog-centered {

    max-width: 650px;

}



.cs-modal-2 .modal-content {

    border-radius: var(--pr-r-2xl);

}



.cs-modal-2 .modal-body .text-d-1 {

    padding: var(--pr-space-5);

    background: var(--pr-surface);

    border-radius: 0 0 var(--pr-r-2xl) var(--pr-r-2xl);

}



/* Upload / sözleşme / form modalları */

.cs-modal-4 .modal-dialog {

    max-width: 640px;

}



.cs-modal-4 .modal-body {

    padding: var(--pr-space-8) var(--pr-space-6);

}



.cs-modal-4 .modal-head-1 {

    margin-bottom: var(--pr-space-5);

    color: var(--pr-ink);

}



.cs-modal-4 .modal-desc-1,

.cs-modal-4 .modal-desc-2,

.cs-modal-4 .modal-desc-3 {

    color: var(--pr-text-muted);

    border-bottom-color: var(--pr-line);

}



/* Çerez politikası detay modalı */

.cs-modal-7 .modal-dialog {

    max-width: 720px;

}



.cs-modal-7 .modal-content {

    border-radius: var(--pr-r-2xl);

}



.cs-modal-7 .header-area-1 {

    padding: var(--pr-space-6) var(--pr-space-6) var(--pr-space-3);

    border-bottom: 1px solid var(--pr-line);

}



.cs-modal-7 .cs-wbg-head-2 {

    margin: 0;

    font-family: var(--pr-font-display);

    font-size: var(--pr-display-sm);

    font-weight: 700;

    color: var(--pr-ink);

    letter-spacing: var(--pr-track-tight);

}



.cs-modal-7 .cs-wbg-head-2 span::before {

    content: none;

    display: none;

}



.cs-modal-7 .modal-body {

    padding: var(--pr-space-6);

    text-align: left;

}



.cs-modal-7 .modal-body p {

    color: var(--pr-text-muted);

    font-size: var(--pr-text-sm);

    line-height: var(--pr-leading-relaxed);

}



.cs-modal-7 .cs-primary-btn-2 {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: var(--pr-control-h-md);

    margin-top: var(--pr-space-5);

    padding: 0 var(--pr-space-8);

    border: 0;

    border-radius: var(--pr-r-pill);

    background: var(--pr-brand);

    color: #fff;

    font-weight: 600;

    box-shadow: var(--pr-shadow-brand);

    transition: var(--pr-transition-interactive);

}



.cs-modal-7 .cs-primary-btn-2:hover {

    background: var(--pr-brand-600);

    transform: translate3d(0, -2px, 0);

}



/* Hasar alanı / bilgi modalları */

.cs-modal-5 .modal-content,

.cs-modal-3 .modal-content {

    border-radius: var(--pr-r-2xl);

}



/* Bildirim modalı */

.cs-modal-notification .modal-content,

.notificationNoImageModal .modal-content {

    border-radius: var(--pr-r-2xl);

    overflow: hidden;

}



.cs-modal-notification .modal-body,

.notificationNoImageModal .modal-body {

    padding: var(--pr-space-6);

}





/* SweetAlert2 → 05-vendor.css */



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

   4) MOBİL

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



@media (max-width: 767.98px) {

    .cs-global-area-1 .cs-cookie-fly-d-1 {

        flex-direction: column;

        align-items: stretch;

        padding: var(--pr-space-4);

        padding-bottom: max(var(--pr-space-4), env(safe-area-inset-bottom));

        gap: var(--pr-space-4);

    }



    .cs-global-area-1 .cs-cookie-fly-d-1 .desc-1 {

        text-align: center;

        max-width: none;

    }



    .cs-global-area-1 .cs-cookie-fly-d-1 .btn-menu-1 {

        flex-direction: column;

        width: 100%;

    }



    .cs-global-area-1 .cs-cookie-fly-d-1 .btn-menu-1 li {

        width: 100%;

    }



    .cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-1,

    .cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-2 {

        width: 100%;

        min-height: var(--pr-control-h-md);

    }



    .cs-modal-4 .modal-body {

        padding: var(--pr-space-6) var(--pr-space-4);

    }



    .cs-modal-7 .modal-body {

        padding: var(--pr-space-4);

    }

}





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

   5) prefers-reduced-motion

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



@media (prefers-reduced-motion: reduce) {

    .cs-global-area-1 .cs-cookie-fly-d-1:not(.deactive) {

        animation: none;

    }



    .cs-global-area-1 .cs-cookie-fly-d-1.deactive {

        transform: none;

    }

}
}

@layer components {
/* =====================================================================

   18-iconography.css  —  İkonografi standardizasyonu

   ---------------------------------------------------------------------

   Boyut, stroke, renk tonu ve ikon+metin dikey hizası tek kaynak.

   Legacy bain-* / Font Awesome otomatik normalize edilir.



   Opt-in:

     .pr-icon-row          → flex items-center + gap

     .pr-icon + .pr-icon--md / --brand

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





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

   1) İKON + METİN SATIRI — flex items-center

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



.pr-icon-row,

.pr-icon-inline {

    display: inline-flex;

    align-items: center;

    justify-content: flex-start;

    gap: var(--pr-icon-gap);

    max-width: 100%;

}



.pr-icon-row--sm  { gap: var(--pr-icon-gap-sm); }

.pr-icon-row--lg  { gap: var(--pr-icon-gap-lg); }



.pr-icon-row--center {

    justify-content: center;

}



.pr-icon-row--between {

    justify-content: space-between;

}





/* Buton / link / chip — ikon + metin hizası (legacy markup) */

.btn,

button.btn,

a.btn,

.cs-primary-btn-1,

.cs-secondary-btn-1,

.cs-third-btn-1,

.cs-outline-btn-1,

.cs-primary-btn-2,

.cs-white-btn-1,

.pr-mega-cta__btn,

.pr-section-cta,

.cs-sticky-header-1 .cs-header-btn-3,

.cs-sticky-header-1 .cs-header-btn-4,

.cs-car-box-1 .cscb-bottm-area-1 .quick-cta,

.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1,

.pr-search-card .csib1-col-1 .desc-1,

.dropdown-item,

.nav-tabs .nav-link,

.cs-navTabs-1 .nav-link,

.pagination .page-link,

.cs-account-sidebar-1 a,

.cs-dashboard-sidebar-1 a,

.pr-footer__lang a,

.pr-cookie-banner__btn {

    /* Çoğu zaten flex; gap + align emniyet katmanı */

    gap: var(--pr-icon-gap);

}



/* Metin + sonda ikon (login, CTA ok) */

.cs-sticky-header-1 a:has(> i[class*="bain"]),

.cs-sticky-header-1 a:has(> i.fa),

.cs-sticky-header-1 a:has(> i.fab),

.cs-sticky-header-1 a:has(> i.fas),

.cs-sticky-header-1 a:has(> i.far),

.cs-wbg-head-1 a:has(> i),

.pr-section-cta:has(> i),

.pr-section-cta:has(> svg) {

    display: inline-flex;

    align-items: center;

    gap: var(--pr-icon-gap);

}





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

   2) FONT İKONLARI — bain-* + Font Awesome

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



i[class^="bain-"],

i[class*=" bain-"],

.fa,

.fas,

.far,

.fab,

.fal,

.fad {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 1em;

    height: 1em;

    font-size: inherit;

    line-height: 1;

    flex-shrink: 0;

    vertical-align: middle;

    color: currentColor;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



/* Varsayılan UI ikon boyutu — pr-icon sınıfı yoksa */

i[class^="bain-"]:not(.pr-icon):not([class*="pr-icon--"]),

i[class*=" bain-"]:not(.pr-icon):not([class*="pr-icon--"]),

.fa:not(.pr-icon):not([class*="pr-icon--"]),

.fas:not(.pr-icon):not([class*="pr-icon--"]),

.far:not(.pr-icon):not([class*="pr-icon--"]),

.fab:not(.pr-icon):not([class*="pr-icon--"]) {

    font-size: var(--pr-icon-sm);

}





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

   3) BÖLGESEL BOYUT + RENK — header / footer / arama / kart

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



/* Header — bildirim, sinyal, kapat */

.cs-sticky-header-1 .cs-header-btn-1 i,

.cs-sticky-header-1 .cs-header-btn-2 i,

.cs-sticky-header-1 .cs-header-btn-1 [class^="bain-"],

.cs-sticky-header-1 .cs-header-btn-2 [class^="bain-"] {

    font-size: var(--pr-icon-md);

    color: var(--pr-icon-tone);

}



.cs-sticky-header-1 .cs-header-btn-3 i,

.cs-sticky-header-1 .cs-header-btn-3 [class^="bain-"] {

    font-size: var(--pr-icon-sm);

    color: var(--pr-icon-tone-on-brand);

}



/* Footer — sosyal medya */

.cs-footer-1 .cs-social-menu-1 a i,

.cs-footer-1 .cs-social-list-1 a i,

footer .cs-social-list-1 a i,

footer .social-icon a i,

.pr-footer__social a i {

    font-size: var(--pr-icon-social);

    color: var(--pr-icon-tone);

    line-height: 1;

}



.cs-footer-1 .cs-social-menu-1 a:hover i,

.pr-footer__social a:hover i {

    color: var(--pr-icon-tone-brand);

}



/* Arama formu — sol ikon kutusu */

.pr-search-card .csib1-col-1 .desc-1,

.cs-search-locDate-area-1 .csib1-col-1 .desc-1 {

    font-size: var(--pr-icon-md);

    color: var(--pr-icon-tone-brand);

}



.pr-search-card .csib1-col-1 .desc-1 i,

.pr-search-card .csib1-col-1 .desc-1 [class^="bain-"],

.cs-search-locDate-area-1 .csib1-col-1 .desc-1 i,

.cs-search-locDate-area-1 .csib1-col-1 .desc-1 [class^="bain-"] {

    font-size: 1em;

}



/* Araç kartı — meta chip + CTA ok */

.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1 i,

.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1 .fa-solid {

    font-size: var(--pr-icon-xs);

    color: var(--pr-icon-tone-brand);

}



.cs-car-box-1 .cscb-bottm-area-1 .quick-cta i,

.cs-car-box-1 .cscb-bottm-area-1 .quick-cta svg {

    width: var(--pr-icon-sm);

    height: var(--pr-icon-sm);

    font-size: var(--pr-icon-sm);

    flex-shrink: 0;

}



/* Favori / beğeni */

.cs-car-box-1 .like-btn-1 i,

.cs-car-box-1 .like-btn-1 [class^="bain-"] {

    font-size: var(--pr-icon-md);

    color: var(--pr-icon-tone-muted);

}



.cs-car-box-1 .like-btn-1.active i,

.cs-car-box-1 .like-btn-1.active [class^="bain-"] {

    color: var(--pr-danger);

}



/* Why / feature ikon kutuları */

.pr-why__icon .pr-icon,

.pr-why__icon i,

.pr-why__icon svg {

    font-size: var(--pr-icon-lg);

    width: var(--pr-icon-lg);

    height: var(--pr-icon-lg);

    color: inherit;

}



/* Section eyebrow / trust */

.pr-section-eyebrow i,

.pr-section-eyebrow svg,

.pr-trust__item i {

    font-size: var(--pr-icon-sm);

    color: var(--pr-icon-tone-brand);

}





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

   4) SVG — stroke + boyut (logo / harita hariç)

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



.pr-icon svg,

svg.pr-icon,

.pr-icon-btn svg,

.pr-icon-btn > svg,

[class*="btn"] svg:not(.logo):not([class*="logo"]),

.quick-cta svg,

.pr-search-card svg:not([class*="logo"]),

.cs-icon-box-1 svg,

.modal:not(.cs-modal-2) .modal-body svg:not([width="100%"]),

.pr-why__icon svg,

.dropdown-item svg,

.nav-link svg {

    width: 1em;

    height: 1em;

    flex-shrink: 0;

    display: block;

}



svg.pr-icon,

.pr-icon svg,

button svg[stroke],

a svg[stroke],

.quick-cta svg[stroke],

.pr-icon-btn svg[stroke] {

    fill: none;

    stroke: currentColor;

    stroke-width: var(--pr-icon-stroke);

    stroke-linecap: round;

    stroke-linejoin: round;

}



/* Dolu (fill) SVG — stroke sıfırla */

svg.pr-icon[fill]:not([fill="none"]),

svg.pr-icon--filled {

    fill: currentColor;

    stroke: none;

}



.pr-icon-btn > svg,

.pr-icon-btn > .pr-icon {

    font-size: var(--pr-icon-md);

    width: 1em;

    height: 1em;

}





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

   5) .pr-icon — genişletilmiş temel (03-components ile uyumlu)

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



.pr-icon {

    color: var(--pr-icon-tone);

}



.pr-icon--muted {

    color: var(--pr-icon-tone-muted);

}



.pr-icon--on-brand {

    color: var(--pr-icon-tone-on-brand);

}



/* İkon solda, metin sağda — blok içi */

.pr-icon-row > .pr-icon:first-child,

.pr-icon-row > i:first-child,

.pr-icon-row > svg:first-child {

    margin-inline-end: 0;

}



.pr-icon-row > :not(.pr-icon):not(i):not(svg) {

    min-width: 0;

    line-height: var(--pr-leading-normal);

}





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

   6) FORM / INPUT İKONLARI

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



.input-group-text i,

.input-group-text .fa,

.input-group-text [class^="bain-"],

.cs-input-icon-1 i,

.cs-input-icon-1 [class^="bain-"] {

    font-size: var(--pr-icon-sm);

    color: var(--pr-icon-tone-muted);

}



.input-group,

.cs-input-icon-wrap-1 {

    display: flex;

    align-items: center;

    gap: var(--pr-icon-gap-sm);

}





/* Accordion chevron → 20-how-faq.css */



.breadcrumb-item + .breadcrumb-item::before {

    font-size: var(--pr-icon-xs);

    vertical-align: middle;

}





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

   8) OWL / CAROUSEL NAV

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



.owl-carousel .owl-nav button span,

.owl-carousel .owl-nav button i {

    font-size: var(--pr-icon-md);

    line-height: 1;

}





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

   9) LOGO / DEKORATİF — dokunma

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



.cs-main-logo-1 img,

.cs-main-logo-1 svg,

.pr-footer__logo img,

.hero-pr img,

.hero-pr svg,

.leaflet-container svg,

.croppie-container svg,

img[src$=".svg"]:not(.pr-icon) {

    /* Boyut / stroke override yok */

    stroke: unset;

    stroke-width: unset;

}
}

@layer components {
/* =====================================================================

   19-cleanup.css  —  Çakışma giderme & inline stil yerine sınıflar

   ---------------------------------------------------------------------

   • Mimari katmanlar arası tekrarları azaltır

   • Blade inline style → token tabanlı sınıflar

   • Legacy main.min.css ile ton/boyut uyumsuzluklarını düzeltir

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





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

   1) YARDIMCI SINIFLAR — inline yerine

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



.pr-bg-cover {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-image: var(--pr-bg-image, none);

}



.pr-map-canvas {

    width: 100%;

    height: 100%;

    max-width: 100%;

    z-index: 1;

}



.pr-map-canvas--lg {

    height: 500px;

    width: 100%;

}



.u-text-center { text-align: center; }

.u-text-left   { text-align: left; }

.u-text-right  { text-align: right; }



.u-w-full  { width: 100%; }

.u-h-full  { height: 100%; }



.u-hidden-input {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}



.u-cursor-pointer { cursor: pointer; }



.u-flex-col {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.u-border-0 { border: 0; }



.u-font-semibold { font-weight: 600; }





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

   2) INLINE background-image — boyut/oran standardı (URL inline kalır)

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



[style*="background-image"] {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



.user-profile-1[style*="background-image"],

.cs-comment-box-1 .user-profile-1[style*="background-image"],

.cshb1-img[style*="background-image"],

.cshb2-img[style*="background-image"],

.cs-homepage-sec-6 [style*="background-image"],

.cs-homepage-sec-7 [style*="background-image"],

.cs-blog-box-1 [style*="background-image"],

.cs-city-box-1 [style*="background-image"] {

    background-size: cover;

    background-position: center;

}





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

   3) Zıt renk / boyut — inline override (token ile hizala)

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



/* Eski mavi / mor inline ikon renkleri → marka */

[style*="color: blue"],

[style*="color:blue"],

[style*="color: #00f"],

[style*="color:#00f"],

[style*="color: #401fe5"],

[style*="color:#401fe5"],

[style*="color: #3f22e4"] {

    color: var(--pr-brand-text) !important;

}



/* Siyah metin inline → ink token */

[style*="color: black"],

[style*="color:black"],

td[style*="color: black"],

td[style*="font-weight: bold;color: black"] {

    color: var(--pr-ink) !important;

}



/* margin-right: 10px / 15px ikon boşlukları → gap sistemi */

i[style*="margin-right: 10px"],

i[style*="margin-right:10px"],

i[style*="margin-right: 15px"],

i[style*="margin-right:15px"] {

    margin-right: 0 !important;

}



/* İkon + metin satırında gap 18-iconography ile */

a:has(> i[style*="margin-right"]),

span:has(> i[style*="margin-right"]),

.btn:has(> i[style*="margin-right"]),

.cs-primary-btn-1:has(> i[style*="margin-right"]) {

    display: inline-flex;

    align-items: center;

    gap: var(--pr-icon-gap);

}



/* text-align inline → utility */

[style*="text-align: center"],

[style*="text-align:center"] {

    text-align: center;

}



h5[style*="text-align: center"],

h5[style*="text-align:center"] {

    text-align: center;

    margin-inline: auto;

}





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

   4) HARİTA / iframe / tablo — inline boyut

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



#map[style],

.pr-map-canvas,

iframe[style*="border:0"],

.cs-list-map-1 {

    max-width: 100%;

    border: 0;

}



#map:not([style*="height"]) {

    min-height: 280px;

}



#end_map.pr-map-canvas--lg,

#task_map.pr-map-canvas--lg,

#map.pr-map-canvas--lg {

    height: 500px;

    width: 100%;

}





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

   5) FORM / modal — inline layout çakışmaları

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



.form-control[style*="border: none"],

.form-control[style*="border:none"],

select.form-control[style*="box-shadow: none"] {

    border-color: var(--pr-line) !important;

    box-shadow: none;

}



.form-control[style*="height: 50px"],

.form-control[style*="height:50px"] {

    height: var(--pr-control-h-lg) !important;

    min-height: var(--pr-control-h-lg);

}



.modal-header[style*="justify-content: center"] {

    justify-content: center;

    text-align: center;

}



.cs-location-search-area[style*="max-width"] {

    max-width: min(100%, 280px);

    width: 100%;

}





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

   6) UYARI / banner — inline sarı kutu (rent vb.)

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



.cs-item-bg-yellow[style*="border-radius"],

.cs-item-bg-yellow {

    border-radius: var(--pr-r-md) !important;

    color: var(--pr-ink) !important;

    background: var(--pr-warning-soft) !important;

    border: 1px solid rgba(234, 140, 0, 0.25);

}



.cs-item-bg-yellow p[style*="margin-left"] {

    margin: 0 !important;

    padding: var(--pr-space-3) var(--pr-space-4);

}





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

   7) OWL / slider — DO NOT cap stage/item width.

   max-width:100% + flex stage + min-width:0 collapses every card

   to ~100px (vertical letter soup on reviews/blog).

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



.owl-stage-outer {

    max-width: 100%;

    overflow: hidden;

}



.owl-carousel .owl-stage {

    display: flex;

    flex-wrap: nowrap;

    max-width: none;

    width: auto;

}



.owl-carousel .owl-item {

    min-width: auto;

    max-width: none;

    flex: 0 0 auto;

}





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

   8) header signal slider — overflow (07'den taşındı)

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



.cs-signal-cont-1 .distanceSignalVal,

.text-div-1 .distanceSignalVal {

    position: static !important;

    top: auto !important;

    left: auto !important;

    display: inline-block;

    font-weight: 600;

    color: var(--pr-brand);

}



.cs-section-desc-spacing {

    margin-bottom: 60px;

}



@media (max-width: 767.98px) {

    .cs-section-desc-spacing {

        margin-bottom: 24px;

    }

}
}

@layer pages {
/* =====================================================================

   20-how-faq.css  —  Nasıl Çalışır + SSS (Akordeon)

   ---------------------------------------------------------------------

   • cs-homepage-sec-3/4: adım şeması (pill sekmeler + görsel)

   • cs-accordion-1/2: yumuşak açılma, dönen chevron, sabit tonlar

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





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

   1) NASIL ÇALIŞIR — layout & adım sekmeleri

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



.cs-homepage-sec-3 .cs-slider-row-1,

.cs-homepage-sec-4 .cs-slider-row-1,

.cs-faq-sec-1 ~ .cs-tab-slider-d-1 .cs-slider-row-1 {

    display: grid;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

    align-items: center;

    gap: var(--pr-space-8);

    width: 100%;

    max-width: 100%;

}



.cs-homepage-sec-4 .cs-slider-row-1 {

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

}



.cs-homepage-sec-3 .cssr1-col-1,

.cs-homepage-sec-3 .cssr1-col-2,

.cs-homepage-sec-4 .cssr1-col-1,

.cs-homepage-sec-4 .cssr1-col-3 {

    min-width: 0;

    flex: none !important;

    max-width: 100% !important;

    width: auto !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.cs-homepage-sec-3 .cs-tab-container-1.premium-card,

.cs-homepage-sec-4 .cs-tab-container-1.premium-card {

    background: var(--pr-surface);

    border: var(--pr-card-border);

    border-radius: var(--pr-card-radius);

    box-shadow: var(--pr-card-shadow);

    padding: var(--pr-space-6);

}



/* Üst marka çizgisi — şema başlangıcı */

.cs-homepage-sec-3 .cs-tab-container-1.premium-card::before,

.cs-homepage-sec-4 .cs-tab-container-1.premium-card::before {

    content: '';

    display: block;

    height: 4px;

    margin: calc(var(--pr-space-2) * -1) calc(var(--pr-space-2) * -1) var(--pr-space-5);

    border-radius: var(--pr-r-pill);

    background: linear-gradient(

        90deg,

        var(--pr-brand) 0%,

        var(--pr-brand-accent) 55%,

        var(--pr-brand-50) 100%

    );

}



.cs-homepage-sec-3 .bg-image-1,

.cs-homepage-sec-4 .bg-image-1 {

    border-radius: var(--pr-card-radius);

    overflow: hidden;

    box-shadow: var(--pr-shadow-md);

    background: var(--pr-bg-alt);

}



.cs-homepage-sec-3 .bg-image-1 img,

.cs-homepage-sec-4 .bg-image-1 img {

    width: 100%;

    height: auto;

    display: block;

    object-fit: cover;

}



/* Adım pill sekmeleri */

.cs-homepage-sec-3 .jsTabSliderTab1,

.cs-homepage-sec-4 .jsTabSliderTab2,

.cs-homepage-sec-11 .cs-navTabs-1,

.cs-faq-sec-1 .cs-navTabs-1 {

    display: flex;

    flex-wrap: wrap;

    gap: var(--pr-space-2);

    border-bottom: 0;

    margin-bottom: var(--pr-space-5);

    padding-bottom: var(--pr-space-4);

    border-bottom: 1px solid var(--pr-line);

}



.cs-homepage-sec-3 .jsTabSliderTab1 .nav-link.cs-rent-step-tab,

.cs-homepage-sec-4 .jsTabSliderTab2 .nav-link {

    display: inline-flex;

    align-items: center;

    justify-content: flex-start;

    gap: var(--pr-icon-gap);

    min-height: var(--pr-control-h-md);

    padding: var(--pr-space-2) var(--pr-space-4) !important;

    border: 1px solid var(--pr-line) !important;

    border-radius: var(--pr-r-pill) !important;

    background: var(--pr-surface-2) !important;

    color: var(--pr-text-muted) !important;

    font-size: var(--pr-text-sm) !important;

    font-weight: 600 !important;

    line-height: 1.25;

    white-space: nowrap;

    box-shadow: none !important;

    transition: var(--pr-transition-interactive);

}



.cs-homepage-sec-3 .jsTabSliderTab1 .nav-link.cs-rent-step-tab::after,

.cs-homepage-sec-4 .jsTabSliderTab2 .nav-link::after {

    display: none !important;

}



.cs-homepage-sec-3 .jsTabSliderTab1 .nav-link.cs-rent-step-tab .cs-rent-step-icon,

.cs-homepage-sec-4 .jsTabSliderTab2 .nav-link i {

    font-size: var(--pr-icon-md);

    color: var(--pr-icon-tone-muted);

    flex-shrink: 0;

    transition: color var(--pr-dur-interaction) var(--pr-ease-in-out);

}



.cs-homepage-sec-3 .jsTabSliderTab1 .nav-link.cs-rent-step-tab:hover,

.cs-homepage-sec-4 .jsTabSliderTab2 .nav-link:hover {

    border-color: var(--pr-line-strong) !important;

    background: var(--pr-brand-soft) !important;

    color: var(--pr-ink) !important;

    transform: translate3d(0, -2px, 0);

    box-shadow: var(--pr-shadow-sm) !important;

}



.cs-homepage-sec-3 .jsTabSliderTab1 .nav-link.cs-rent-step-tab.active,

.cs-homepage-sec-4 .jsTabSliderTab2 .nav-link.active {

    background: #0f9e96 !important;

    background-color: #0f9e96 !important;

    background-image: linear-gradient(135deg, #0f9e96 0%, #0b827b 100%) !important;

    border-color: #0b827b !important;

    color: #fff !important;

    box-shadow: 0 10px 28px rgba(15, 158, 150, 0.28) !important;

}



.cs-homepage-sec-3 .jsTabSliderTab1 .nav-link.cs-rent-step-tab.active .cs-rent-step-icon,

.cs-homepage-sec-4 .jsTabSliderTab2 .nav-link.active i {

    color: #fff;

}



/* Sekme içeriği — yumuşak geçiş */

.cs-homepage-sec-3 .cs-navTabs-content-1 .tab-pane,

.cs-homepage-sec-4 .cs-navTabs-content-1 .tab-pane {

    transition: opacity var(--pr-dur-interaction) var(--pr-ease-in-out);

}



.cs-homepage-sec-3 .cs-navTabs-content-1 .tab-pane .in-content-1,

.cs-homepage-sec-4 .cs-navTabs-content-1 .tab-pane .in-content-1 {

    color: var(--pr-text-muted);

    font-size: var(--pr-text-base);

    line-height: var(--pr-leading-relaxed);

}



.cs-homepage-sec-3 .cs-navTabs-content-1 .tab-pane .in-content-1 ol,

.cs-homepage-sec-3 .cs-navTabs-content-1 .tab-pane .in-content-1 ul {

    padding-left: var(--pr-space-5);

    margin: var(--pr-space-3) 0;

}



.cs-homepage-sec-3 .cs-navTabs-content-1 .tab-pane .in-content-1 li {

    margin-bottom: var(--pr-space-2);

}



@media (max-width: 991.98px) {

    .cs-homepage-sec-3 .cs-slider-row-1,

    .cs-homepage-sec-4 .cs-slider-row-1 {

        grid-template-columns: 1fr;

        gap: var(--pr-space-6);

    }



    .cs-homepage-sec-4 .cssr1-col-3 {

        order: 2;

    }



    .cs-homepage-sec-4 .cssr1-col-1 {

        order: 1;

    }

}





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

   2) SSS AKORDEON — kart & başlık

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



.pr-accordion,

.cs-accordion-1,

.cs-accordion-2.search-accordion-1 {

    display: flex;

    flex-direction: column;

    gap: var(--pr-space-2);

}



.pr-accordion .card,

.cs-accordion-1 .card,

.cs-accordion-2.search-accordion-1 .card {

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-lg);

    margin: 0;

    overflow: hidden;

    box-shadow: var(--pr-shadow-xs);

    transition: var(--pr-transition-surface);

}



.pr-accordion .card:hover,

.cs-accordion-1 .card:hover {

    border-color: var(--pr-line-strong);

    box-shadow: var(--pr-shadow-sm);

}



.pr-accordion .card.is-open,

.cs-accordion-1 .card.is-open {

    border-color: var(--pr-brand-ring);

    box-shadow: var(--pr-shadow-md);

}



.pr-accordion .card-header,

.cs-accordion-1 .card-header,

.cs-accordion-2.search-accordion-1 .card-header {

    padding: 0;

    background: transparent;

    border: 0;

}



.pr-accordion .card-header h5,

.cs-accordion-1 .card-header h5,

.cs-accordion-2.search-accordion-1 .card-header h5 {

    margin: 0;

}



/* Tetikleyici buton */

.pr-accordion .btn-link,

.cs-accordion-1 .btn-link,

.cs-accordion-2.search-accordion-1 .btn-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: var(--pr-space-4);

    width: 100%;

    padding: var(--pr-space-4) calc(var(--pr-space-5) + var(--pr-icon-lg)) var(--pr-space-4) var(--pr-space-5);

    border: 0;

    border-radius: 0;

    background: transparent !important;

    color: var(--pr-ink) !important;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-md);

    font-weight: 600;

    line-height: var(--pr-leading-snug);

    text-align: left;

    text-decoration: none !important;

    white-space: normal;

    position: relative;

    transition: var(--pr-transition-interactive);

}



.pr-accordion .btn-link:hover,

.cs-accordion-1 .btn-link:hover,

.cs-accordion-2.search-accordion-1 .btn-link:hover {

    color: var(--pr-brand) !important;

    background: var(--pr-brand-soft) !important;

}



.pr-accordion .btn-link:not(.collapsed),

.cs-accordion-1 .btn-link:not(.collapsed),

.cs-accordion-2.search-accordion-1 .btn-link:not(.collapsed) {

    color: var(--pr-brand) !important;

    background: var(--pr-brand-soft) !important;

}



.pr-accordion .btn-link:focus,

.cs-accordion-1 .btn-link:focus,

.cs-accordion-2.search-accordion-1 .btn-link:focus {

    outline: 0;

    box-shadow: inset 0 0 0 2px var(--pr-brand-ring);

}



/* Legacy bain / mor çizgi — kaldır */

.pr-accordion .btn-link::before,

.cs-accordion-1 .btn-link::before,

.cs-accordion-2.search-accordion-1 .btn-link::before {

    display: none !important;

    content: none !important;

}



/* Chevron — sabit ton, rotate */

.pr-accordion .btn-link::after,

.cs-accordion-1 .btn-link::after,

.cs-accordion-2.search-accordion-1 .btn-link::after {

    content: '';

    position: absolute;

    right: var(--pr-space-4);

    top: 50%;

    width: var(--pr-icon-sm);

    height: var(--pr-icon-sm);

    margin-top: calc(var(--pr-icon-sm) / -2);

    font-size: 0 !important;

    line-height: 0;

    border: 0;

    background-color: var(--pr-icon-tone-muted);

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    -webkit-mask-position: center;

    mask-position: center;

    -webkit-mask-size: contain;

    mask-size: contain;

    transform: rotate(0deg);

    transition:

        transform var(--pr-dur-interaction) var(--pr-ease-in-out),

        background-color var(--pr-dur-interaction) var(--pr-ease-in-out);

    pointer-events: none;

}



.pr-accordion .btn-link:not(.collapsed)::after,

.cs-accordion-1 .btn-link:not(.collapsed)::after,

.cs-accordion-2.search-accordion-1 .btn-link:not(.collapsed)::after {

    transform: rotate(180deg);

    background-color: var(--pr-icon-tone-brand);

}



/* İç içe SSS — biraz daha kompakt */

.cs-accordion-2.search-accordion-1 .card {

    border-radius: var(--pr-r-md);

    border-color: var(--pr-line);

    box-shadow: none;

}



.cs-accordion-2.search-accordion-1 .btn-link {

    font-size: var(--pr-text-sm);

    font-weight: 500;

    padding: var(--pr-space-3) calc(var(--pr-space-4) + var(--pr-icon-md)) var(--pr-space-3) var(--pr-space-4);

}



.cs-accordion-2.search-accordion-1 .btn-link::after {

    right: var(--pr-space-3);

    width: var(--pr-icon-xs);

    height: var(--pr-icon-xs);

    margin-top: calc(var(--pr-icon-xs) / -2);

}





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

   3) AÇILMA ANİMASYONU — collapse / collapsing

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



.pr-accordion .collapse,

.cs-accordion-1 .collapse,

.cs-accordion-2.search-accordion-1 .collapse {

    transition: height var(--pr-dur-slow) var(--pr-ease-in-out) !important;

}



.pr-accordion .collapsing,

.cs-accordion-1 .collapsing,

.cs-accordion-2.search-accordion-1 .collapsing {

    transition: height var(--pr-dur-slow) var(--pr-ease-in-out) !important;

}



.pr-accordion .collapse .card-body,

.cs-accordion-1 .collapse .card-body,

.cs-accordion-2.search-accordion-1 .collapse .card-body {

    opacity: 0;

    transform: translate3d(0, -6px, 0);

    transition:

        opacity var(--pr-dur-interaction) var(--pr-ease-in-out),

        transform var(--pr-dur-interaction) var(--pr-ease-in-out);

}



.pr-accordion .collapse.show .card-body,

.cs-accordion-1 .collapse.show .card-body,

.cs-accordion-2.search-accordion-1 .collapse.show .card-body {

    opacity: 1;

    transform: translate3d(0, 0, 0);

}



.pr-accordion .card-body,

.cs-accordion-1 > .card > .collapse > .card-body {

    padding: 0 var(--pr-space-5) var(--pr-space-5);

    color: var(--pr-text-muted);

    font-size: var(--pr-text-sm);

    line-height: var(--pr-leading-relaxed);

}



.cs-accordion-2.search-accordion-1 .card-body {

    padding: var(--pr-space-3) var(--pr-space-4) var(--pr-space-4);

}



.cs-accordion-1 .card-body p,

.cs-accordion-2.search-accordion-1 .card-body p {

    margin-bottom: var(--pr-space-3);

    color: inherit;

    font-size: inherit;

    line-height: inherit;

}



/* SSS sayfa bölümü */

  .cs-homepage-sec-11 .content-area-1,

  .cs-faq-sec-1 .content-area-1 {

    margin-top: 0 !important;

  }



.cs-faq-sec-1 {

    padding-top: var(--pr-space-12);

    padding-bottom: var(--pr-space-16);

}





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

   4) Bootstrap 5 native accordion (varsa)

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



.accordion-button {

    font-weight: 600;

    color: var(--pr-ink);

    gap: var(--pr-icon-gap);

}



.accordion-button:not(.collapsed) {

    color: var(--pr-brand);

    background: var(--pr-brand-soft);

    box-shadow: none;

}



.accordion-button::after {

    width: var(--pr-icon-sm);

    height: var(--pr-icon-sm);

    background-size: var(--pr-icon-sm);

    transition: transform var(--pr-dur-interaction) var(--pr-ease-in-out);

    filter: none;

    opacity: 1;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b5563'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");

}



.accordion-button:not(.collapsed)::after {

    transform: rotate(180deg);

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23059669'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");

}





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

   5) prefers-reduced-motion

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



@media (prefers-reduced-motion: reduce) {

    .pr-accordion .btn-link::after,

    .cs-accordion-1 .btn-link::after,

    .cs-accordion-2.search-accordion-1 .btn-link::after {

        transition: none;

    }



    .pr-accordion .collapse .card-body,

    .cs-accordion-1 .collapse .card-body {

        transform: none;

        transition: none;

    }



    .cs-homepage-sec-3 .jsTabSliderTab1 .nav-link.cs-rent-step-tab:hover {

        transform: none;

    }

}
}

@layer pages {
/* =====================================================================

   21-contrast-a11y.css  —  WCAG kontrast + dark mode / yüksek kontrast

   ---------------------------------------------------------------------

   • Semantik link / placeholder renkleri (--pr-link, --pr-placeholder)

   • prefers-contrast: more — güneş ışığı / erişilebilirlik tercihi

   • forced-colors — Windows yüksek kontrast modu

   • Legacy sabit renklerin token'lara yönlendirilmesi

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





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

   1) TEMEL METİN & BAĞLANTILAR

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



::selection {

    background: var(--pr-brand-soft);

    color: var(--pr-ink);

}



a {

    color: var(--pr-link);

    text-decoration-skip-ink: auto;

}



a:hover,

a:focus-visible {

    color: var(--pr-link-hover);

}



a:visited:not(.btn):not([class*="btn"]):not(.pr-section-cta) {

    color: var(--pr-link-visited);

}



.cs-global-link-1,

.pr-section-cta {

    color: var(--pr-link);

}



.cs-global-link-1:hover,

.pr-section-cta:hover {

    color: var(--pr-link-hover);

}



/* Marka rengi doğrudan metin — buton değilse link token */

:not(.btn):not([class*="btn-"]):not(.cs-primary-btn-1):not(.cs-secondary-btn-1)[style*="color"],

.text-brand {

    color: var(--pr-brand-text);

}



small,

.text-muted,

.text-secondary,

.form-text,

.help-block,

.cs-desc-1,

.desc-3 {

    color: var(--pr-text-muted);

}



.text-subtle,

.cs-text-subtle,

caption,

figcaption {

    color: var(--pr-text-subtle);

}



::placeholder {

    color: var(--pr-placeholder);

    opacity: 1;

}



input::placeholder,

textarea::placeholder,

select::placeholder {

    color: var(--pr-placeholder);

    opacity: 1;

}





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

   2) BUTON / MARKA ÜZERİ METİN

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



.btn,

.cs-primary-btn-1,

.cs-secondary-btn-1,

.cs-primary-btn-2,

.cookies-btn-2,

.pr-mega-cta__btn--primary {

    color: var(--pr-text-on-brand);

}



.cs-primary-btn-1,

.btn--primary {

    background: var(--pr-brand);

}



.cs-secondary-btn-1 {

    color: var(--pr-text-on-inverse);

}





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

   3) ODAK — yüksek görünürlük (WCAG 2.4.11 yakın)

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



:focus-visible {

    outline: 2px solid var(--pr-brand-text);

    outline-offset: 2px;

}



.btn:focus-visible,

.cs-primary-btn-1:focus-visible,

input:focus-visible,

select:focus-visible,

textarea:focus-visible {

    outline: 0;

    box-shadow: var(--pr-focus-ring);

}





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

   4) YÜKSEK KONTRAST TERCİHİ — prefers-contrast: more

   (mobil güneş ışığı, erişilebilirlik ayarları)

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



@media (prefers-contrast: more) {

    :root {

        --pr-text:           #000000;

        --pr-ink:            #000000;

        --pr-text-muted:     #1e293b;

        --pr-text-subtle:    #334155;

        --pr-placeholder:    #334155;

        --pr-brand-text:     #065f46;

        --pr-brand-text-hover: #064e3b;

        --pr-link:           #065f46;

        --pr-line:           rgba(0, 0, 0, 0.14);

        --pr-line-strong:    rgba(0, 0, 0, 0.22);

        --pr-line-stronger:  rgba(0, 0, 0, 0.32);

        --pr-bg:             #ffffff;

        --pr-surface:        #ffffff;

        --pr-surface-2:      #f1f5f9;

        --pr-brand-ring:     rgba(6, 95, 70, 0.45);

    }



    body {

        font-weight: 450;

    }



    small,

    .text-muted,

    .form-text {

        font-weight: 500;

    }



    .btn,

    .cs-primary-btn-1,

    .cs-secondary-btn-1 {

        border-width: 2px;

    }



    .card,

    .cs-car-box-1,

    .cs-accordion-1 .card {

        border-width: 1px;

        border-color: var(--pr-line-stronger);

    }

}



@media (prefers-contrast: more) and (prefers-color-scheme: dark) {

    :root {

        --pr-text:           #ffffff;

        --pr-ink:            #ffffff;

        --pr-text-muted:     #e2e8f0;

        --pr-text-subtle:    #cbd5e1;

        --pr-placeholder:    #cbd5e1;

        --pr-brand-text:     #a7f3d0;

        --pr-brand-text-hover: #d1fae5;

        --pr-link:           #a7f3d0;

        --pr-bg:             #000000;

        --pr-surface:        #0f172a;

        --pr-surface-2:      #1e293b;

        --pr-line-stronger:  rgba(255, 255, 255, 0.35);

    }

}





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

   5) MANUEL GELİŞTİRİLMİŞ KONTRAST — data-contrast="enhanced"

   (gelecekte ayarlar panelinden tetiklenebilir)

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



:root[data-contrast="enhanced"] {

    --pr-text-muted:     #334155;

    --pr-text-subtle:    #475569;

    --pr-placeholder:    #475569;

    --pr-brand-text:     #065f46;

    --pr-line-strong:    rgba(15, 23, 42, 0.16);

    --pr-line-stronger:  rgba(15, 23, 42, 0.24);

}



:root[data-theme="dark"][data-contrast="enhanced"],

:root[data-theme="auto"][data-contrast="enhanced"] {

    --pr-text-muted:     #e2e8f0;

    --pr-text-subtle:    #cbd5e1;

    --pr-brand-text:     #a7f3d0;

}





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

   6) WINDOWS FORCED COLORS (yüksek kontrast modu)

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



@media (forced-colors: active) {

    a {

        color: LinkText;

    }



    a:visited {

        color: VisitedText;

    }



    .btn,

    .cs-primary-btn-1,

    button {

        border: 2px solid ButtonText;

    }



    :focus-visible {

        outline: 3px solid Highlight;

        outline-offset: 2px;

    }

}





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

   7) LEGACY DÜŞÜK KONTRAST DÜZELTMELERİ

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



[style*="color: blue"],

[style*="color:blue"],

[style*="color: #401fe5"],

[style*="color:#401fe5"] {

    color: var(--pr-brand-text) !important;

}



.text-muted,

.text-secondary {

    color: var(--pr-text-muted) !important;

}



/* Eski mor marka butonları — metin kontrastı */

#goTpButton {

    background-color: var(--pr-brand);

    color: var(--pr-text-on-brand);

}



/* Disabled — yeterli kontrast farkı */

:disabled,

[disabled],

.disabled {

    opacity: 0.65;

    color: var(--pr-text-subtle);

    cursor: not-allowed;

}





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

   8) KONTRASTLI BÖLÜM ZEMİNLERİ

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



.cs-item-bg-yellow,

.alert-warning {

    color: var(--pr-ink);

    background: var(--pr-warning-soft);

    border: 1px solid rgba(234, 140, 0, 0.35);

}



.alert-success {

    color: var(--pr-ink);

    background: var(--pr-success-soft);

}



.alert-danger {

    color: var(--pr-ink);

    background: var(--pr-danger-soft);

}
}

@layer pages {
/* =====================================================================

   04-pages.css  —  Sayfa-spesifik premium kurallar

   ---------------------------------------------------------------------

   Sadece tek bir sayfada görünen UI parçaları. Component'ten ayrıldı

   çünkü diğer sayfalarda yoktur, gereksiz yere yüklenmesin diye yer

   tutmuyor (selector layer'da, sayfa render olmazsa pas geçilir).

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





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

   HOME PAGE — PREMIUM HERO (.hero-pr)

   ─────────────────────────────────────────────────────────────

   Tesla / Apple / Airbnb tarzı tam ekran hero.

   • home-modern.css'in eski .slider-container-1 / .slider-content-1

     stillerinin üzerine pages layer'da override yapar.

   • Owl carousel altyapısı korunur.

   • Tüm transition'lar prefers-reduced-motion ile devre dışı bırakılır.

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



/* Section reset */

.hero-pr {

    position: relative;

    padding: 0 !important;          /* section/section-hero padding'i temizle */

    margin: 0;

    background: var(--pr-ink);      /* slide arasındaki geçişte siyah dolgu */

    overflow: hidden;

}



.hero-pr .cs-full-container-1 {

    position: relative;

    width: 100%;

}



.hero-pr__viewport {

    margin: 0;

    overflow: hidden;

}



.hero-pr__viewport.owl-carousel .owl-stage-outer {

    overflow: hidden;

}





/* ── Slide container ─────────────────────────────────────── */

.hero-pr .slider-container-1.hero-pr__slide,

.hero-pr__slide {

    position: relative;

    isolation: isolate;

    min-height: clamp(520px, 88vh, 920px);

    min-height: clamp(520px, 88dvh, 920px);

    height: auto !important;          /* legacy 550px sabit yükseklik iptal */

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    align-items: stretch;

    flex-wrap: nowrap !important;

    overflow: hidden;

    background: var(--pr-ink) !important;

    background-blend-mode: normal !important;

    background-image: none !important;

}



/* Owl carousel — slide tam yükseklik */

.hero-pr .owl-stage-outer,

.hero-pr .owl-stage,

.hero-pr .owl-item,

.hero-pr .owl-item > .item {

    min-height: inherit;

}



.hero-pr .owl-item > .item {

    display: flex;

    flex-direction: column;

    height: 100%;

}



/* Ken-Burns zoom yapan arka plan katmanı */

.hero-pr__bg {

    position: absolute;

    inset: 0;

    z-index: 0;

    background-image: var(--hero-bg);

    background-size: cover;

    background-position: center 42%;

    background-repeat: no-repeat;

    will-change: transform;

    animation: hero-pr-kenburns 22s var(--pr-ease-soft) infinite alternate;

    transform-origin: center center;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



@media (min-width: 1024px) {

    .hero-pr__bg {

        background-position: 58% center;

    }

}



@keyframes hero-pr-kenburns {

    0%   { transform: scale(1.04) translate3d(0, 0, 0); }

    100% { transform: scale(1.12) translate3d(-1.5%, -1%, 0); }

}



/* Premium gradient overlay — okunaklılık + drama */

.hero-pr__overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:

        linear-gradient(180deg,

            rgba(10, 10, 11, 0.10) 0%,

            rgba(10, 10, 11, 0.05) 30%,

            rgba(10, 10, 11, 0.45) 80%,

            rgba(10, 10, 11, 0.65) 100%),

        linear-gradient(90deg,

            rgba(10, 10, 11, 0.45) 0%,

            rgba(10, 10, 11, 0.18) 45%,

            rgba(10, 10, 11, 0)    65%);

}





/* ── Link wrapper (mevcut <a class="desc-1">) ─────────────── */

.hero-pr .hero-pr__link,

.hero-pr a.desc-1.hero-pr__link {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    flex: 1 1 auto;

    width: 100%;

    min-height: 100%;

    color: inherit;

    text-decoration: none;

    padding: 0 !important;

    margin: 0 !important;

    background: transparent !important;

    font-size: inherit;

    line-height: inherit;

    letter-spacing: inherit;

    font-weight: inherit;

}





/* ── Container ───────────────────────────────────────────── */

.hero-pr__container {

    width: 100%;

    max-width: var(--pr-container-max);

    margin: 0 auto;

    padding: var(--pr-space-8) var(--pr-space-6) max(var(--pr-space-20), 88px);

    padding-bottom: max(var(--pr-space-20), calc(72px + env(safe-area-inset-bottom)));

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    box-sizing: border-box;

}



@media (max-width: 991.98px) {

    .hero-pr__container {

        padding: var(--pr-space-6) var(--pr-space-4) max(var(--pr-space-16), 72px);

    }

}





/* ── Content area (mevcut .slider-content-1) ──────────────── */

.hero-pr .slider-content-1.hero-pr__content {

    position: relative;

    width: 100%;

    max-width: min(720px, 100%);

    color: #fff;

    background: transparent !important;

    padding: 0 !important;

    margin: 0 !important;

    border: 0 !important;

    overflow-wrap: break-word;

    word-break: normal;

}



/* Stagger fade-in animation: heading + cta sırayla */

.hero-pr__heading {

    opacity: 0;

    animation: hero-pr-fade-up var(--pr-dur-slower) var(--pr-ease) 240ms forwards;

}



.hero-pr__cta {

    opacity: 0;

    animation: hero-pr-fade-up var(--pr-dur-slower) var(--pr-ease) 480ms forwards;

}



@keyframes hero-pr-fade-up {

    0%   { opacity: 0; transform: translate3d(0, 24px, 0); }

    100% { opacity: 1; transform: translate3d(0, 0, 0); }

}





/* ── Heading typography (backend HTML — h1/h2/p/span) ────── */

.hero-pr__heading h1,

.hero-pr__heading h2 {

    color: #fff;

    font-family: var(--pr-font-display);

    font-size: var(--pr-display-3xl);

    font-weight: var(--pr-fw-extrabold);

    line-height: var(--pr-leading-display);

    letter-spacing: var(--pr-track-tighter);

    margin: 0 0 var(--pr-space-4);

    max-width: 16ch;

    text-wrap: balance;

    text-shadow: 0 2px 28px rgba(0, 0, 0, 0.28);

}



.hero-pr__heading p,

.hero-pr__heading > span,

.hero-pr__heading > div {

    color: rgba(255, 255, 255, 0.92);

    font-size: var(--pr-display-2xs);   /* fluid 16–17px lead body */

    font-weight: 400;

    line-height: var(--pr-leading-relaxed);

    letter-spacing: 0;

    margin: 0 0 var(--pr-space-5);

    max-width: 580px;

    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.14);

}



.hero-pr__heading > *:last-child {

    margin-bottom: 0;

}





/* ── CTA buttons ─────────────────────────────────────────── */

.hero-pr .action-menu-1.hero-pr__cta {

    display: flex;

    flex-wrap: wrap;

    gap: var(--pr-space-3);

    margin: var(--pr-space-8) 0 0;

    padding: 0;

    list-style: none;

}



.hero-pr .action-menu-1.hero-pr__cta li {

    list-style: none;

    margin: 0;

    padding: 0;

}



/* Premium button base — eski .cs-white-btn-1 / .cs-white-outline-btn-1

   stillerini override eder (pages layer, vendor-base'in üstünde) */

.hero-pr .hero-pr__btn {

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    gap: var(--pr-space-2);

    height: 56px;

    padding: 0 28px !important;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-md) !important;

    font-weight: 600 !important;

    letter-spacing: var(--pr-track-snug);

    text-decoration: none;

    border-radius: var(--pr-r-pill) !important;

    border: 1.5px solid transparent !important;

    cursor: pointer;

    white-space: nowrap;

    transition: transform var(--pr-dur-fast) var(--pr-ease),

                background var(--pr-dur-base) var(--pr-ease),

                color var(--pr-dur-base) var(--pr-ease),

                border-color var(--pr-dur-base) var(--pr-ease),

                box-shadow var(--pr-dur-base) var(--pr-ease);

}



.hero-pr .hero-pr__btn:active {

    transform: scale(0.98) translateY(0);

}



.hero-pr .hero-pr__btn-arrow {

    transition: transform var(--pr-dur-base) var(--pr-ease);

    flex-shrink: 0;

}



.hero-pr .hero-pr__btn:hover .hero-pr__btn-arrow {

    transform: translateX(3px);

}



/* Primary CTA — beyaz arkaplan, koyu metin (Apple primary tarzı) */

.hero-pr .hero-pr__btn--primary {

    background: #fff !important;

    color: var(--pr-ink) !important;

    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22),

                0 2px 6px rgba(0, 0, 0, 0.08);

}



.hero-pr .hero-pr__btn--primary:hover {

    background: var(--pr-ink) !important;

    color: #fff !important;

    transform: translateY(-2px);

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32),

                0 4px 10px rgba(0, 0, 0, 0.14);

}



.hero-pr .hero-pr__btn--primary i {

    display: none !important;       /* eski FA ikon, SVG arrow ile değiştirildi */

}



/* Ghost CTA — hafif şeffaf, hover'da beyaz dolu */

.hero-pr .hero-pr__btn--ghost {

    background: rgba(255, 255, 255, 0.10) !important;

    color: #fff !important;

    border-color: rgba(255, 255, 255, 0.40) !important;

    -webkit-backdrop-filter: blur(10px);

            backdrop-filter: blur(10px);

}



.hero-pr .hero-pr__btn--ghost:hover {

    background: rgba(255, 255, 255, 0.92) !important;

    color: var(--pr-ink) !important;

    border-color: transparent !important;

    transform: translateY(-2px);

}





/* ── Scroll cue (alt orta, fade-out scroll'da) ──────────── */

.hero-pr__scroll-cue {

    position: absolute;

    left: 50%;

    bottom: 32px;

    transform: translateX(-50%);

    z-index: 3;

    pointer-events: none;

    opacity: 0;

    animation: hero-pr-cue-fade-in 800ms var(--pr-ease) 1200ms forwards;

}



.hero-pr__scroll-line {

    display: block;

    width: 1.5px;

    height: 56px;

    margin: 0 auto;

    background: linear-gradient(180deg,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.85) 100%);

    border-radius: 2px;

    overflow: hidden;

    position: relative;

}



.hero-pr__scroll-line::before {

    content: "";

    position: absolute;

    left: 0; right: 0; top: 0;

    height: 50%;

    background: linear-gradient(180deg,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 1) 100%);

    animation: hero-pr-cue-pulse 2.4s var(--pr-ease) infinite;

}



@keyframes hero-pr-cue-pulse {

    0%   { transform: translateY(-100%); opacity: 0.3; }

    50%  { transform: translateY(50%);   opacity: 1;   }

    100% { transform: translateY(150%);  opacity: 0;   }

}



@keyframes hero-pr-cue-fade-in {

    to { opacity: 1; }

}



/* Scroll'da fade-out (JS body class ekler — header.is-scrolled state'i ile uyumlu) */

.cs-sticky-header-1.is-scrolled ~ * .hero-pr__scroll-cue,

body.is-scrolled .hero-pr__scroll-cue {

    opacity: 0;

    transition: opacity var(--pr-dur-base) var(--pr-ease);

}





/* ── Owl carousel dot/nav override (premium-look) ────────── */

.hero-pr .owl-dots {

    position: absolute;

    left: 0;

    right: 0;

    bottom: var(--pr-space-6);

    z-index: 4;

    text-align: center;

    pointer-events: none;

}



.hero-pr .owl-dots .owl-dot {

    pointer-events: auto;

    margin: 0 4px;

    outline: none;

}



.hero-pr .owl-dots .owl-dot span {

    display: block;

    width: 24px;

    height: 2px;

    background: rgba(255, 255, 255, 0.40);

    border-radius: 2px;

    transition: background var(--pr-dur-base) var(--pr-ease),

                width var(--pr-dur-base) var(--pr-ease);

}



.hero-pr .owl-dots .owl-dot:hover span {

    background: rgba(255, 255, 255, 0.70);

}



.hero-pr .owl-dots .owl-dot.active span {

    background: #fff;

    width: 36px;

}



.hero-pr .owl-nav {

    display: none !important;       /* Apple/Tesla'da nav yok, sadece dots */

}





/* ── Reduced motion (a11y) ──────────────────────────────── */

@media (prefers-reduced-motion: reduce) {

    .hero-pr__bg,

    .hero-pr__heading,

    .hero-pr__cta,

    .hero-pr__scroll-cue,

    .hero-pr__scroll-line::before,

    .hero-pr .hero-pr__btn,

    .hero-pr .hero-pr__btn-arrow {

        animation: none !important;

        transition: none !important;

        opacity: 1 !important;

        transform: none !important;

    }

}





/* ── Tablet (768–1023px) ─────────────────────────────────── */

@media (min-width: 768px) and (max-width: 1023.98px) {

    .hero-pr__slide {

        min-height: clamp(480px, 82dvh, 780px);

    }



    .hero-pr__heading h1,

    .hero-pr__heading h2 {

        font-size: var(--pr-display-2xl);

        max-width: 14ch;

    }



    .hero-pr .slider-content-1.hero-pr__content {

        max-width: min(600px, 90%);

    }



    .hero-pr .action-menu-1.hero-pr__cta {

        flex-direction: row;

        flex-wrap: wrap;

    }

}



/* ── Mobile responsive (≤767px) ─────────────────────────── */

@media (max-width: 767.98px) {

    .hero-pr__slide {

        min-height: clamp(480px, 86dvh, 680px);

        justify-content: flex-end;

    }



    .hero-pr__bg {

        background-position: center 35%;

        animation-duration: 32s;

    }



    .hero-pr__overlay {

        background:

            linear-gradient(180deg,

                rgba(17, 24, 39, 0.35) 0%,

                rgba(17, 24, 39, 0.12) 28%,

                rgba(17, 24, 39, 0.55) 62%,

                rgba(17, 24, 39, 0.92) 100%);

    }



    .hero-pr__container {

        padding-left: var(--pr-space-4);

        padding-right: var(--pr-space-4);

        padding-bottom: max(var(--pr-space-12), 64px);

    }



    .hero-pr .slider-content-1.hero-pr__content {

        max-width: 100%;

    }



    .hero-pr__heading h1,

    .hero-pr__heading h2 {

        font-size: var(--pr-display-xl);

        max-width: 100%;

        line-height: var(--pr-leading-tight);

    }



    .hero-pr__heading p,

    .hero-pr__heading > span,

    .hero-pr__heading > div {

        font-size: var(--pr-text-base);

        max-width: 100%;

    }



    .hero-pr .action-menu-1.hero-pr__cta {

        flex-direction: column;

        align-items: stretch;

        gap: var(--pr-space-2);

        margin-top: var(--pr-space-5);

        width: 100%;

    }



    .hero-pr .action-menu-1.hero-pr__cta li {

        width: 100%;

    }



    .hero-pr .hero-pr__btn {

        width: 100%;

        height: 52px;

        padding: 0 24px !important;

        white-space: normal;

        text-align: center;

    }



    .hero-pr__scroll-cue {

        bottom: 12px;

        display: none;

    }



    .hero-pr__scroll-line {

        height: 36px;

    }



    .hero-pr .owl-dots {

        bottom: var(--pr-space-4);

    }

}



/* ── Büyük ekran — keskin görsel, metin solda ────────────── */

@media (min-width: 1280px) {

    .hero-pr__slide {

        min-height: clamp(600px, 90dvh, 960px);

    }



    .hero-pr__bg {

        background-position: 62% 38%;

    }



    .hero-pr__overlay {

        background:

            linear-gradient(180deg,

                rgba(17, 24, 39, 0.08) 0%,

                rgba(17, 24, 39, 0.04) 35%,

                rgba(17, 24, 39, 0.42) 78%,

                rgba(17, 24, 39, 0.58) 100%),

            linear-gradient(90deg,

                rgba(17, 24, 39, 0.72) 0%,

                rgba(17, 24, 39, 0.28) 42%,

                rgba(17, 24, 39, 0) 58%);

    }



    .hero-pr .slider-content-1.hero-pr__content {

        max-width: min(640px, 48vw);

    }

}





/* ── Hero typography (legacy backward compat) ──────────── */

.cs-homepage-sec-1 h1,

.home-hero h1,

[class*="-hero"] h1 {

    font-weight: 700;

    letter-spacing: var(--pr-track-tighter);

    line-height: 1.05;

}





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

   SEARCH SECTION (cs-homepage-sec-2) — Floating premium card

   ────────────────────────────────────────────────────────────

   Airbnb tarzı: hero'nun ALT KENARINA gömülü (negative margin),

   beyaz card, soft shadow, rounded — premium hissiyat.

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

/* Arama kartı — pr-search-wrap tek kaynak (cs-homepage-sec-2 ile birleşik) */

.cs-homepage-sec-2.pr-search-wrap {

    position: relative;

    margin-top: 0;

    padding-top: 0 !important;

    padding-bottom: var(--pr-space-16);

    z-index: 5;

}





/* Below-the-fold section'lar için content-visibility:

   Tarayıcı (Chrome 85+, Safari 18+) bu section'ları viewport'a

   yaklaşana kadar render etmez → ilk paint, LCP, TBT iyileşir.

   contain-intrinsic-size hint'i CLS'i önler.

   Note: Ctrl+F bu section'ları bulamayabilir, bu kabul edilebilir

   bir trade-off; çünkü ana içerik (sec-1, sec-2) etkilenmez. */

.cs-homepage-sec-3,

.cs-homepage-sec-4,

.cs-homepage-sec-5,

.cs-homepage-sec-6,

.cs-homepage-sec-7,

.cs-homepage-sec-8,

.cs-blog-sec-1,

.cs-faq-sec-1,

[class*="-sec-6"],

[class*="-sec-7"],

[class*="-sec-8"] {

    content-visibility: auto;

    /* Genişlik 1px OLMAZ — metin harf harf dikey dizilir */

    contain-intrinsic-size: auto 800px;

}



/* Section spacing rhythm — hero hariç (tam ekran kalır) */

.cs-homepage-sec-2,

.cs-homepage-sec-3,

.cs-homepage-sec-4,

.cs-homepage-sec-5,

.cs-homepage-sec-6,

.cs-homepage-sec-7,

.cs-homepage-sec-8 {

    padding-top: var(--pr-space-20);

    padding-bottom: var(--pr-space-20);

}



.hero-pr.cs-homepage-sec-1,

.hero-pr.section-hero {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}



@media (max-width: 767.98px) {

    .cs-homepage-sec-2,

    .cs-homepage-sec-3,

    .cs-homepage-sec-4,

    .cs-homepage-sec-5,

    .cs-homepage-sec-6,

    .cs-homepage-sec-7,

    .cs-homepage-sec-8 {

        padding-top: var(--pr-space-12);

        padding-bottom: var(--pr-space-12);

    }

}



/* Blog slider — yalnızca background-image; boyut yok → CLS */

.cs-homepage-sec-10 .blogSlider1 .cs-blog-box-1 .image-div-1 {

    aspect-ratio: 16 / 10;

    min-height: 168px;

    background-size: cover;

    background-position: center center;

}





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

   RENT / VEHICLE LIST PAGE  (rent/index.blade.php)

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



.cs-rent-sec-1,

.cs-rent-sec-2 {

    padding-top: var(--pr-space-10);

}



/* Filter sidebar */

.cs-rent-sidebar-1,

.cs-filter-area-1 {

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-2xl);

    padding: var(--pr-space-6);

    box-shadow: var(--pr-shadow-sm);

}





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

   VEHICLE LIST — PREMIUM

   ===========================================================

   Kapsam:  rent/index.blade.php, rent/partials/vehicle.blade.php,

            account/favorite.blade.php, leaflet popup HTML.

            Hepsi aynı .cs-car-box-1 markup'ını paylaşır → tek

            CSS katmanı tüm araç listelerini premium yapar.



   Tasarım dili (03-components.css'teki .card token'larını miras alır):

   • Büyük 16:9/21:9 görsel + soft gradient overlay

   • Modern bilgi chip'leri (.idr1-col-1 → pill tarzı)

   • Premium fiyat vurgusu (display font, large)

   • "Hızlı rezervasyon" CTA (footer'da brand button)

   • Hover'da: lift 6px + image zoom + CTA brand glow

   • Mobil swipe — 07-responsive.css içinde scroll-snap-x

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



/* ── List grid ─────────────────────────────────────────── */

.cs-rentcar-section-2 .cs-list-row-1 {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(var(--pr-list-col-min, 300px), 1fr));

    gap: var(--pr-list-gap);

    align-items: stretch;

}



.cs-rentcar-section-2 .cslr1-col-1 {

    width: 100%;

    margin: 0;

    padding: 0;

    display: flex;

}





/* ── Card wrapper ─────────────────────────────────────── */

.cs-car-box-1 {

    width: 100%;

    display: flex;

    flex-direction: column;

    background: var(--pr-card-bg);

    border: var(--pr-card-border);

    border-radius: var(--pr-card-radius);

    box-shadow: var(--pr-card-shadow);

    overflow: hidden;

    isolation: isolate;

    position: relative;

}



.cs-car-box-1:hover {

    transform: translate3d(0, calc(var(--pr-card-lift) - 2px), 0);

    box-shadow: var(--pr-card-shadow-hover);

    border-color: var(--pr-line-strong);

}





/* ── 1) GÖRSEL ALANI — büyük + soft gradient ─────────── */

.cs-car-box-1 .cscb-middle-area-1 {

    position: relative;

    order: 1;                       /* görsel → en üstte */

    margin: 0;

}



.cs-car-box-1 .cscb-middle-area-1 .img-div-1 {

    position: relative;

    width: 100%;

    aspect-ratio: 16 / 10;

    background:

        radial-gradient(120% 80% at 50% 100%,

            var(--pr-bg-alt) 0%,

            var(--pr-surface-2) 60%,

            var(--pr-surface) 100%);

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0;

    border-radius: 0;

}



/* Görselin üstünde fade — fiyat / status okunaklı kalsın */

.cs-car-box-1 .cscb-middle-area-1 .img-div-1::after {

    content: '';

    position: absolute;

    inset: auto 0 0 0;

    height: 38%;

    background: linear-gradient(180deg,

        rgba(10, 10, 11, 0) 0%,

        rgba(10, 10, 11, 0.04) 60%,

        rgba(10, 10, 11, 0.10) 100%);

    pointer-events: none;

    z-index: 1;

}



.cs-car-box-1 .cscb-middle-area-1 .img-div-1 a {

    display: flex;

    width: 100%;

    height: 100%;

    align-items: center;

    justify-content: center;

}



/* Araç img object-fit → 15-media-fit.css */

.cs-car-box-1 .cscb-middle-area-1 .img-div-1 img {

    transition: transform var(--pr-dur-slower) var(--pr-ease),

                filter   var(--pr-dur-slower) var(--pr-ease);

    will-change: transform;

    filter: drop-shadow(0 18px 22px rgba(10, 10, 11, 0.18));

}



.cs-car-box-1:hover .cscb-middle-area-1 .img-div-1 img {

    transform: scale3d(1.06, 1.06, 1) translateY(-2px);

    filter: drop-shadow(0 26px 28px rgba(10, 10, 11, 0.24));

}





/* ── 2) MARKA + MODEL + PLAKA + DURUM ──────────────────── */

.cs-car-box-1 .cscb-top-area-1 {

    order: 2;

    position: relative;

    padding: var(--pr-space-5) var(--pr-space-5) 0;

    display: flex;

    flex-direction: column;

    gap: var(--pr-space-1);

}



.cs-car-box-1 .cscb-top-area-1 .head-1 {

    margin: 0;

    color: var(--pr-ink);

    font-family: var(--pr-font-display);

    font-size: var(--pr-text-lg);

    font-weight: 700;

    line-height: var(--pr-leading-snug);

    letter-spacing: var(--pr-track-tight);

    text-wrap: balance;

}



.cs-car-box-1 .cscb-top-area-1 .desc-1 {

    margin: 0;

    color: var(--pr-text-subtle);

    font-family: var(--pr-font-mono);

    font-size: var(--pr-text-xs);

    font-weight: 600;

    letter-spacing: var(--pr-track-wider);

    text-transform: uppercase;

}



/* Durum etiketi — pill */

.cs-car-box-1 .cscb-top-area-1 .status-1 {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    width: -moz-fit-content;

    width: fit-content;

    margin-top: var(--pr-space-2);

    padding: 4px 10px;

    border-radius: var(--pr-r-pill);

    font-size: var(--pr-text-xs);

    font-weight: 600;

    letter-spacing: var(--pr-track-snug);

    line-height: 1.2;

}



.cs-car-box-1 .cscb-top-area-1 .status-1::before {

    content: '';

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: currentColor;

}



.cs-car-box-1 .cscb-top-area-1 .status-1.suitable {

    background: var(--pr-success-soft);

    color: var(--pr-success);

}



.cs-car-box-1 .cscb-top-area-1 .status-1.res-available {

    background: var(--pr-warning-soft);

    color: var(--pr-warning);

}



.cs-car-box-1 .cscb-top-area-1 .status-1.full {

    background: rgba(10, 10, 11, 0.06);

    color: var(--pr-text-muted);

}





/* ── 3) FAVORİ HEART — sağ üstte, görselin üstünde ───── */

.cs-car-box-1 .like-btn-1 {

    position: absolute;

    top: 12px;

    right: 12px;

    z-index: 3;                                 /* görsel + gradient'in üstü */

    width: var(--pr-touch-min);

    height: var(--pr-touch-min);

    min-width: var(--pr-touch-min);

    min-height: var(--pr-touch-min);

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: var(--pr-glass-strong);

    -webkit-backdrop-filter: blur(8px);

            backdrop-filter: blur(8px);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-pill);

    color: var(--pr-text-muted);

    transition: transform var(--pr-dur-fast) var(--pr-ease),

                background var(--pr-dur-fast) var(--pr-ease),

                color      var(--pr-dur-fast) var(--pr-ease),

                border-color var(--pr-dur-fast) var(--pr-ease);

}



.cs-car-box-1 .like-btn-1:hover {

    background: var(--pr-surface);

    color: var(--pr-danger);

    transform: scale(1.06);

}



.cs-car-box-1 .like-btn-1.active {

    background: var(--pr-danger-soft);

    color: var(--pr-danger);

    border-color: transparent;

}



/* `<a>`'ın varsayılan içi boş hali; içine ikon yoksa kalp glyph CSS ile */

.cs-car-box-1 .like-btn-1::before {

    content: '\2665';                            /* ♥ */

    font-size: 18px;

    line-height: 1;

}





/* ── 4) BİLGİ CHIP'LERİ ────────────────────────────────── */

.cs-car-box-1 .cscb-middle-area-1 .info-div-1 {

    padding: var(--pr-space-4) var(--pr-space-5) 0;

    margin: 0;

}



.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .info-drow-1 {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 8px;

    margin: 0;

    padding: 0;

}



.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1 {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 6px 10px;

    background: var(--pr-bg-alt);

    border: 1px solid transparent;

    border-radius: var(--pr-r-md);

    color: var(--pr-text);

    font-size: var(--pr-text-xs);

    font-weight: 500;

    line-height: 1.25;

    transition: background var(--pr-dur-fast) var(--pr-ease),

                border-color var(--pr-dur-fast) var(--pr-ease);

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.cs-car-box-1:hover .cscb-middle-area-1 .info-div-1 .idr1-col-1 {

    background: var(--pr-surface);

    border-color: var(--pr-line);

}



.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1 i,

.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1 .fa-solid {

    color: var(--pr-brand);

    font-size: 12px;

    flex-shrink: 0;

}



.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1 p,

.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1 .desc-3,

.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1 .cs-desc-1 {

    margin: 0;

    color: inherit;

    font-size: inherit;

    line-height: inherit;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}





/* ── 5) FİYAT + HIZLI REZERVASYON CTA ─────────────────── */

.cs-car-box-1 .cscb-bottm-area-1 {

    order: 3;

    margin-top: auto;

    padding: var(--pr-space-5);

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: var(--pr-space-3);

    border-top: 1px solid var(--pr-line);

}



.cs-car-box-1 .cscb-bottm-area-1 a {

    display: contents;                  /* <a> wrapper'ını layout dışı yap */

    text-decoration: none;

}



.cs-car-box-1 .cscb-bottm-area-1 .desc-2 {

    margin: 0;

    color: var(--pr-brand);

    font-family: var(--pr-font-display);

    font-size: var(--pr-text-xl);

    font-weight: 800;

    letter-spacing: var(--pr-track-tight);

    line-height: 1;

    font-variant-numeric: tabular-nums lining-nums;

    flex-shrink: 0;

}



/* Fiyat üstünde "kira başlangıç" alt-satırı */

.cs-car-box-1 .cscb-bottm-area-1 .desc-2::before {

    content: attr(data-price-label);

    display: block;

    margin-bottom: 2px;

    color: var(--pr-text-subtle);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-xs);

    font-weight: 500;

    letter-spacing: var(--pr-track-wide);

    text-transform: uppercase;

}



/* Hızlı rezervasyon CTA — opsiyonel, view'a eklenirse stilize edilir */

.cs-car-box-1 .cscb-bottm-area-1 .quick-cta {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 10px 16px;

    border-radius: var(--pr-r-pill);

    background: var(--pr-brand);

    color: #fff;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: 600;

    letter-spacing: var(--pr-track-snug);

    line-height: 1;

    text-decoration: none;

    box-shadow: 0 2px 6px rgba(var(--pr-brand-rgb), 0.20);

    transition: transform var(--pr-dur-fast) var(--pr-ease),

                background var(--pr-dur-base) var(--pr-ease),

                box-shadow var(--pr-dur-base) var(--pr-ease);

    white-space: nowrap;

}



.cs-car-box-1 .cscb-bottm-area-1 .quick-cta svg,

.cs-car-box-1 .cscb-bottm-area-1 .quick-cta i {

    transition: transform var(--pr-dur-fast) var(--pr-ease);

}



.cs-car-box-1:hover .cscb-bottm-area-1 .quick-cta {

    background: var(--pr-brand-600);

    transform: translateY(-1px);

    box-shadow: 0 10px 22px rgba(var(--pr-brand-rgb), 0.32);

}



.cs-car-box-1:hover .cscb-bottm-area-1 .quick-cta svg,

.cs-car-box-1:hover .cscb-bottm-area-1 .quick-cta i {

    transform: translateX(3px);

}





/* ── 6) Leaflet popup içindeki kart — daha kompakt ─────── */

.leaflet-popup-content .cs-car-box-1 {

    width: 280px;

    border-radius: var(--pr-card-radius-sm);

}



.leaflet-popup-content .cs-car-box-1 .cscb-middle-area-1 .img-div-1 {

    aspect-ratio: 16 / 9;

}



.leaflet-popup-content .cs-car-box-1 .cscb-top-area-1 {

    padding: var(--pr-space-3) var(--pr-space-4) 0;

}



.leaflet-popup-content .cs-car-box-1 .cscb-bottm-area-1 {

    padding: var(--pr-space-3) var(--pr-space-4);

}



.leaflet-popup-content .cs-car-box-1 .cscb-middle-area-1 .info-div-1 {

    padding: var(--pr-space-3) var(--pr-space-4) 0;

}





/* ── 7) Reduced motion ─────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {

    .cs-car-box-1,

    .cs-car-box-1 .cscb-middle-area-1 .img-div-1 img,

    .cs-car-box-1 .cscb-bottm-area-1 .quick-cta {

        transition: none !important;

    }

    .cs-car-box-1:hover .cscb-middle-area-1 .img-div-1 img {

        transform: none;

    }

}





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

   EQUAL-HEIGHT GRIDS  —  Araç listesi + Araç sahipleri kartları

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



/* Araç listesi — grid satırında tüm kartlar aynı yükseklik */

.cs-rentcar-section-2 .cs-list-row-1,

.cs-favorite-list,

.vehicle-list {

    align-items: stretch;

}



.cs-rentcar-section-2 .cslr1-col-1,

.cs-favorite-list > .cslr1-col-1,

.vehicle-list > .cslr1-col-1 {

    display: flex;

    min-height: 100%;

}



.cs-rentcar-section-2 .cs-car-box-1,

.cs-favorite-list .cs-car-box-1,

.vehicle-list .cs-car-box-1 {

    flex: 1 1 auto;

    height: 100%;

    min-height: 100%;

    border-radius: var(--pr-card-radius);

    box-shadow: var(--pr-card-shadow);

    transition:

        transform var(--pr-dur-base) var(--pr-ease),

        box-shadow var(--pr-dur-base) var(--pr-ease),

        border-color var(--pr-dur-base) var(--pr-ease);

}



.cs-rentcar-section-2 .cs-car-box-1:hover,

.cs-favorite-list .cs-car-box-1:hover,

.vehicle-list .cs-car-box-1:hover {

    box-shadow: var(--pr-card-shadow-hover);

}



/* Başlık alanı — farklı durum etiketi uzunluklarında hizayı koru */

.cs-car-box-1 .cscb-top-area-1 {

    min-height: 5.5rem;

}



.cs-car-box-1 .cscb-top-area-1 .head-1 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}





/* ── Ana sayfa: Araç Sahipleri ile Tanışın (cs-comment-box-1) ───── */

.cs-homepage-sec-6 .slider-area-1 {

    margin-top: var(--pr-space-6);

}



/* Owl carousel — eşit yükseklik satırı */

.cs-homepage-sec-6 .halfSlider1.owl-carousel .owl-stage {

    display: flex;

    align-items: stretch;

}



.cs-homepage-sec-6 .halfSlider1.owl-carousel .owl-item {

    display: flex;

    height: auto;

}



.cs-homepage-sec-6 .halfSlider1.owl-carousel .item {

    display: flex;

    flex: 1 1 auto;

    width: 100%;

    height: 100%;

    padding-left: calc(var(--pr-list-gap) / 2);

    padding-right: calc(var(--pr-list-gap) / 2);

}



.cs-homepage-sec-6 .cs-comment-box-1 {

    display: flex;

    flex-direction: column;

    flex: 1 1 auto;

    width: 100%;

    height: 100%;

    min-height: 300px;

    margin: 0;

    padding: var(--pr-space-5);

    background: var(--pr-card-bg);

    border: var(--pr-card-border);

    border-radius: var(--pr-card-radius);

    box-shadow: var(--pr-card-shadow);

    transition:

        transform var(--pr-dur-base) var(--pr-ease),

        box-shadow var(--pr-dur-base) var(--pr-ease),

        border-color var(--pr-dur-base) var(--pr-ease);

}



.cs-homepage-sec-6 .cs-comment-box-1:hover {

    transform: translate3d(0, var(--pr-card-lift-sm), 0);

    box-shadow: var(--pr-card-shadow-hover);

    border-color: var(--pr-line-strong);

}



/* Üst: profil + isim + meta + yıldız */

.cs-homepage-sec-6 .cs-comment-box-1 .head-area-1 {

    display: flex;

    align-items: flex-start;

    gap: var(--pr-space-4);

    margin: 0 0 var(--pr-space-4);

    flex-shrink: 0;

}



.cs-homepage-sec-6 .cs-comment-box-1 .ha1-col-1,

.cs-homepage-sec-6 .cs-comment-box-1 .ha1-col-2 {

    flex: none;

    width: auto;

    max-width: none;

    margin: 0;

    padding: 0;

}



.cs-homepage-sec-6 .cs-comment-box-1 .ha1-col-1 {

    flex: 0 0 72px;

    width: 72px;

}



.cs-homepage-sec-6 .cs-comment-box-1 .user-profile-1 {

    width: 72px;

    height: 72px;

    min-height: 72px;

    margin: 0;

    border-radius: var(--pr-r-lg);

    font-size: var(--pr-text-xl);

    line-height: 1;

    flex-shrink: 0;

}



.cs-homepage-sec-6 .cs-comment-box-1 .ha1-col-2 {

    flex: 1 1 auto;

    min-width: 0;

}



.cs-homepage-sec-6 .cs-comment-box-1 .head-1 {

    margin: 0 0 var(--pr-space-2);

    font-family: var(--pr-font-display);

    font-size: var(--pr-text-md);

    font-weight: var(--pr-fw-bold);

    line-height: var(--pr-leading-snug);

    color: var(--pr-ink);

}



.cs-homepage-sec-6 .cs-comment-box-1 .head-1 a {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: inherit;

}



/* Kiralama sayısı + üyelik tarihi — chip, tek satırda kalır */

.cs-homepage-sec-6 .cs-comment-box-1 .pr-supplier-meta {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 6px;

    margin: 0 0 var(--pr-space-2);

    padding: 0;

    font-size: var(--pr-text-sm);

    line-height: 1.3;

    color: var(--pr-text-muted);

}



.cs-homepage-sec-6 .cs-comment-box-1 .pr-supplier-meta__chip {

    display: inline-flex;

    align-items: center;

    max-width: 100%;

    padding: 4px 10px;

    border-radius: var(--pr-r-pill);

    background: var(--pr-bg-alt);

    border: 1px solid var(--pr-line);

    font-size: var(--pr-text-xs);

    font-weight: var(--pr-fw-semibold);

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.cs-homepage-sec-6 .cs-comment-box-1 .pr-supplier-meta__chip--muted {

    background: transparent;

    color: var(--pr-text-subtle);

    font-weight: var(--pr-fw-medium);

}



.cs-homepage-sec-6 .cs-comment-box-1 .star-list-1 {

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    gap: 4px;

    margin: 0;

    padding: 0;

    list-style: none;

}



.cs-homepage-sec-6 .cs-comment-box-1 .star-list-1 li {

    flex-shrink: 0;

    margin: 0;

    font-size: 16px;

}



/* Yorum metni — esnek alan, alt bilgi alta yapışır */

.cs-homepage-sec-6 .cs-comment-box-1 .desc-2 {

    flex: 1 1 auto;

    margin: 0 0 var(--pr-space-4);

    font-size: var(--pr-text-sm);

    line-height: var(--pr-leading-relaxed);

    color: var(--pr-ink-700);

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.cs-homepage-sec-6 .cs-comment-box-1 .bottom-area-1 {

    margin-top: auto;

    padding-top: var(--pr-space-3);

    border-top: 1px solid var(--pr-line);

    flex-shrink: 0;

}



.cs-homepage-sec-6 .cs-comment-box-1 .bottom-area-1 .ba1-col-1 {

    width: 100%;

    max-width: 100%;

    margin: 0;

    padding: 0;

}



.cs-homepage-sec-6 .cs-comment-box-1 .pr-review-meta {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    gap: 8px 12px;

    margin: 0;

    font-size: var(--pr-text-xs);

    line-height: 1.35;

    color: var(--pr-text-muted);

}



.cs-homepage-sec-6 .cs-comment-box-1 .pr-review-meta__user {

    font-weight: var(--pr-fw-semibold);

    color: var(--pr-ink-700);

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 100%;

}



.cs-homepage-sec-6 .cs-comment-box-1 .pr-review-meta__date {

    flex-shrink: 0;

    white-space: nowrap;

    font-variant-numeric: tabular-nums;

    color: var(--pr-text-subtle);

}



@media (max-width: 991.98px) {

    .cs-homepage-sec-6 .cs-comment-box-1 {

        min-height: 280px;

        padding: var(--pr-space-4);

    }



    .cs-homepage-sec-6 .halfSlider1.owl-carousel .item {

        padding-left: calc(var(--pr-list-gap) / 2);

        padding-right: calc(var(--pr-list-gap) / 2);

    }

}



@media (max-width: 640px) {

    .cs-car-box-1 .cscb-top-area-1 {

        min-height: 0;

    }



    .cs-homepage-sec-6 .cs-comment-box-1 .pr-review-meta {

        flex-direction: column;

        align-items: flex-start;

    }

}



@media (prefers-reduced-motion: reduce) {

    .cs-homepage-sec-6 .cs-comment-box-1:hover {

        transform: none;

    }

}





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

   AUTH PAGES (login / register / passport)

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



.cs-auth-sec-1,

.cs-login-sec-1,

.cs-register-sec-1 {

    min-height: 80vh;

    display: flex;

    align-items: center;

}



.cs-auth-card-1,

.cs-login-form-1,

.cs-register-form-1 {

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-2xl);

    box-shadow: var(--pr-shadow-md);

    padding: var(--pr-space-8) var(--pr-space-6);

    max-width: 480px;

    margin-inline: auto;

    width: 100%;

}





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

   ACCOUNT / DASHBOARD PAGES

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



.cs-account-sec-1,

.cs-dashboard-sec-1 {

    padding-top: var(--pr-space-10);

    padding-bottom: var(--pr-space-12);

}



.cs-account-sidebar-1,

.cs-dashboard-sidebar-1 {

    background: var(--pr-surface);

    border-radius: var(--pr-r-2xl);

    padding: var(--pr-space-4);

    box-shadow: var(--pr-shadow-sm);

}



.cs-account-sidebar-1 a,

.cs-dashboard-sidebar-1 a {

    display: flex;

    align-items: center;

    gap: var(--pr-space-3);

    padding: 10px 12px;

    border-radius: var(--pr-r-md);

    color: var(--pr-text);

    transition: background var(--pr-dur-fast) var(--pr-ease),

                color var(--pr-dur-fast) var(--pr-ease);

}



.cs-account-sidebar-1 a:hover,

.cs-dashboard-sidebar-1 a:hover {

    background: var(--pr-bg-alt);

    color: var(--pr-ink);

}



.cs-account-sidebar-1 a.active,

.cs-dashboard-sidebar-1 a.active {

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

    font-weight: 500;

}





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

   VEHICLE DETAIL / RENT FORM

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



.cs-vehicle-detail-sec-1 .cs-vehicle-image-1 {

    border-radius: var(--pr-r-2xl);

    overflow: hidden;

    box-shadow: var(--pr-shadow-md);

}



.cs-vehicle-feature-1 {

    background: var(--pr-bg-alt);

    border-radius: var(--pr-r-md);

    padding: var(--pr-space-3) var(--pr-space-4);

    display: inline-flex;

    align-items: center;

    gap: var(--pr-space-2);

    font-size: var(--pr-text-sm);

    color: var(--pr-text);

}





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

   BLOG / NEWS PAGES

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



.cs-blog-sec-1 {

    padding-top: var(--pr-space-12);

    padding-bottom: var(--pr-space-16);

}



.cs-blog-detail-1 .cs-blog-header-1 h1 {

    font-size: var(--pr-text-3xl);

    line-height: 1.2;

    letter-spacing: var(--pr-track-tight);

    margin-bottom: var(--pr-space-4);

}



.cs-blog-detail-1 .cs-blog-content-1 p {

    font-size: var(--pr-text-md);

    line-height: 1.75;

    color: var(--pr-text);

    margin-bottom: var(--pr-space-5);

}





/* FAQ + Nasıl Çalışır → 20-how-faq.css */





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

   PAYMENT / CHECKOUT PAGES

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



.cs-payment-sec-1,

.cs-checkout-sec-1 {

    padding-top: var(--pr-space-10);

}



.cs-payment-summary-1,

.cs-checkout-summary-1 {

    background: var(--pr-surface);

    border-radius: var(--pr-r-2xl);

    box-shadow: var(--pr-shadow-md);

    padding: var(--pr-space-6);

    position: sticky;

    top: calc(var(--pr-header-h) + var(--pr-space-4));

}





/* Cookie banner → 17-modals-cookie.css (.cs-cookie-fly-d-1) */





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

   HOME PREMIUM REDESIGN  —  Airbnb × Tesla × Apple karışımı

   ---------------------------------------------------------------------

   Mevcut .cs-homepage-sec-N yapısını korur; üstüne yeni .pr-* katmanı.

   • Trust strip (sosyal kanıt)

   • Section header eyebrow + title + lead pattern

   • Why grid (4 kart)

   • Search card floating (hero'ya taşan premium glass)

   • Mega CTA (sayfa sonu yüksek-dönüşüm)

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





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

   1) PREMIUM SECTION HEADER  —  eyebrow + title + lead

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

.pr-section-header {

    margin: 0 0 var(--pr-space-10);

}



.pr-section-header--centered {

    text-align: center;

}



.pr-section-header--inline {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: var(--pr-space-6);

    flex-wrap: wrap;

}



.pr-section-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: var(--pr-space-2);

    margin: 0 0 var(--pr-space-3);

    padding: 6px 14px;

    border-radius: var(--pr-r-pill);

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-xs);

    font-weight: 600;

    letter-spacing: var(--pr-track-wider);

    text-transform: uppercase;

    line-height: 1;

}



.pr-section-title {

    margin: 0;

    color: var(--pr-ink);

    font-family: var(--pr-font-display);

    font-size: var(--pr-display-xl);

    font-weight: 700;

    line-height: var(--pr-leading-tight);

    letter-spacing: var(--pr-track-tighter);

    text-wrap: balance;

}



.pr-section-title--sm {

    font-size: var(--pr-display-lg);

}



.pr-section-lead {

    max-width: 640px;

    margin: var(--pr-space-4) 0 0;

    color: var(--pr-text-muted);

    font-size: var(--pr-display-2xs);

    line-height: var(--pr-leading-relaxed);

    text-wrap: pretty;

}



.pr-section-header--centered .pr-section-lead {

    margin-left: auto;

    margin-right: auto;

}



/* "See all" CTA — sağ üst, hover'da arrow translate */

.pr-section-cta {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--pr-brand);

    font-weight: 600;

    transition: gap var(--pr-dur-fast) var(--pr-ease),

                color var(--pr-dur-fast) var(--pr-ease);

}



.pr-section-cta:hover {

    gap: 12px;

    color: var(--pr-brand-600);

}



.pr-section-cta svg {

    flex-shrink: 0;

}





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

   2) TRUST STRIP  —  Hero altı sosyal kanıt

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

.pr-trust {

    position: relative;

    background: var(--pr-surface);

    border-bottom: 1px solid var(--pr-line);

    padding: var(--pr-space-10) 0 var(--pr-space-8);

}



.pr-trust__inner {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: var(--pr-space-5);

}



.pr-trust__eyebrow {

    margin: 0;

    color: var(--pr-text-muted);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-xs);

    font-weight: 600;

    letter-spacing: var(--pr-track-widest);

    text-transform: uppercase;

}



.pr-trust__metrics {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));

    gap: var(--pr-list-gap);

    width: 100%;

    max-width: 1100px;

    margin: 0;

    padding: 0;

    list-style: none;

    align-items: center;

    justify-items: center;

}



.pr-trust__metric {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 4px;

    text-align: center;

    list-style: none;

}



.pr-trust__num {

    display: inline-flex;

    align-items: baseline;

    gap: 4px;

    color: var(--pr-ink);

    font-family: var(--pr-font-display);

    font-size: clamp(28px, 1.4rem + 1.6vw, 44px);

    font-weight: 700;

    line-height: 1;

    letter-spacing: var(--pr-track-tighter);

    font-variant-numeric: tabular-nums lining-nums;

}



.pr-trust__num--icon {

    color: var(--pr-success);

    font-size: clamp(24px, 1.2rem + 1vw, 32px);

}



.pr-trust__star {

    width: 22px;

    height: 22px;

    color: #f59e0b;

    flex-shrink: 0;

    align-self: center;

}



.pr-trust__label {

    color: var(--pr-text-muted);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    font-weight: 500;

    letter-spacing: var(--pr-track-snug);

}



.pr-trust__metric--badge .pr-trust__num {

    width: 56px;

    height: 56px;

    border-radius: var(--pr-r-pill);

    background: var(--pr-success-soft);

    justify-content: center;

}



@media (max-width: 640px) {

    .pr-trust {

        padding: var(--pr-space-8) 0;

    }

    .pr-trust__metrics {

        grid-template-columns: repeat(2, 1fr);

        gap: var(--pr-list-gap);

    }

    .pr-trust__metric--badge {

        grid-column: span 2;

    }

}





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

   3) FLOATING SEARCH CARD  —  Hero'ya taşan premium card

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

.pr-search-wrap {

    position: relative;

    margin-top: 0;

    padding-top: 0 !important;

    padding-bottom: var(--pr-space-12);

    z-index: 5;

}



.pr-search-wrap .container {

    max-width: var(--pr-content-max);

}



.pr-search-card {

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-2xl);

    box-shadow: var(--pr-shadow-lg);

    padding: var(--pr-space-3);

    transition: box-shadow var(--pr-dur-base) var(--pr-ease),

                transform var(--pr-dur-base) var(--pr-ease);

}



.pr-search-card:hover {

    box-shadow: var(--pr-shadow-xl);

    transform: translateY(-2px);

}



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

   PREMIUM VEHICLE SEARCH FORM  —  Lokasyon · Tarih/Saat · Ara

   (Ana sayfa .pr-search-card + Kiralama .cs-search-locDate-area-1)

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



.pr-search-card .cs-loc-date-d-1,

.cs-search-locDate-area-1 .cs-loc-date-d-1 {

    --pr-search-field-h: var(--pr-control-h-lg);

    display: flex;

    flex-wrap: nowrap;

    align-items: stretch;

    width: 100%;

    max-width: 100%;

    min-height: var(--pr-search-field-h);

    margin: 0;

    background: transparent;

    border: 0;

    border-radius: 0;

    box-shadow: none;

}



.pr-search-card .cs-loc-date-d-1:hover,

.cs-search-locDate-area-1 .cs-loc-date-d-1:hover {

    box-shadow: none;

    transform: none;

}



/* ── Kolonlar (lokasyon | tarih | buton) ─────────────────────────── */

.pr-search-card .csld1-col-1,

.pr-search-card .csld1-col-2,

.pr-search-card .csld1-col-3,

.cs-search-locDate-area-1 .csld1-col-1,

.cs-search-locDate-area-1 .csld1-col-2,

.cs-search-locDate-area-1 .csld1-col-3 {

    flex: 1 1 auto;

    max-width: none !important;

    width: auto !important;

    margin: 0 !important;

    padding: var(--pr-space-2) var(--pr-space-3);

    float: none;

    border-right: 1px solid var(--pr-line);

    transition:

        background-color var(--pr-dur-fast) var(--pr-ease),

        box-shadow var(--pr-dur-fast) var(--pr-ease);

}



.pr-search-card .csld1-col-1,

.cs-search-locDate-area-1 .csld1-col-1 {

    flex: 1.25 1 300px;

    min-width: 0;

}



.pr-search-card .csld1-col-2,

.cs-search-locDate-area-1 .csld1-col-2 {

    flex: 1.5 1 340px;

    min-width: 0;

    position: relative;

}



.pr-search-card .csld1-col-3,

.cs-search-locDate-area-1 .csld1-col-3 {

    flex: 0 0 auto;

    display: flex;

    align-items: stretch;

    justify-content: center;

    padding: var(--pr-space-2);

    border-right: 0;

}



/* Aktif / odaklanmış alan — yumuşak vurgu */

.pr-search-card .csld1-col-1.active,

.pr-search-card .csld1-col-2.active,

.cs-search-locDate-area-1 .csld1-col-1.active,

.cs-search-locDate-area-1 .csld1-col-2.active {

    background: var(--pr-brand-soft);

}



.pr-search-card .csld1-col-1:focus-within,

.pr-search-card .csld1-col-2:focus-within,

.cs-search-locDate-area-1 .csld1-col-1:focus-within,

.cs-search-locDate-area-1 .csld1-col-2:focus-within {

    background: var(--pr-brand-50);

    box-shadow: inset 0 0 0 1px var(--pr-brand-ring);

}



/* ── Alan satırı: ikon + içerik ──────────────────────────────────── */

.pr-search-card .cs-icon-box-1,

.cs-search-locDate-area-1 .cs-icon-box-1 {

    display: flex;

    align-items: center;

    gap: var(--pr-space-3);

    width: 100%;

    min-height: calc(var(--pr-search-field-h) - var(--pr-space-4));

    margin: 0;

    padding: var(--pr-space-2) var(--pr-space-1);

    cursor: pointer;

    position: relative;

    border-radius: var(--pr-r-md);

    border: 1px solid transparent;

    background: transparent;

    transition:

        border-color var(--pr-dur-fast) var(--pr-ease),

        background-color var(--pr-dur-fast) var(--pr-ease),

        box-shadow var(--pr-dur-fast) var(--pr-ease);

}



/* Legacy sağ ok — gizle (dropdown JS ile yönetiliyor) */

.pr-search-card .cs-icon-box-1::after,

.cs-search-locDate-area-1 .cs-icon-box-1::after {

    display: none;

    content: none;

}



.pr-search-card .cs-icon-box-1:hover,

.cs-search-locDate-area-1 .cs-icon-box-1:hover {

    background: var(--pr-bg-alt);

}



.pr-search-card .cs-icon-box-1:active,

.cs-search-locDate-area-1 .cs-icon-box-1:active {

    background: var(--pr-brand-soft);

}



/* İkon sütunu — sabit genişlik, dikey ortalı */

.pr-search-card .csib1-col-1,

.cs-search-locDate-area-1 .csib1-col-1 {

    flex: 0 0 44px;

    width: 44px;

    max-width: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0;

    padding: 0;

}



.pr-search-card .csib1-col-1 .desc-1,

.cs-search-locDate-area-1 .csib1-col-1 .desc-1 {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 44px;

    height: 44px;

    margin: 0;

    font-size: var(--pr-icon-md);

    line-height: 1;

    color: var(--pr-brand);

    background: var(--pr-brand-soft);

    border-radius: var(--pr-r-md);

    transition:

        color var(--pr-dur-fast) var(--pr-ease),

        background-color var(--pr-dur-fast) var(--pr-ease),

        transform var(--pr-dur-fast) var(--pr-ease);

}



.pr-search-card .csld1-col-1.active .csib1-col-1 .desc-1,

.pr-search-card .csld1-col-2.active .csib1-col-1 .desc-1,

.cs-search-locDate-area-1 .csld1-col-1.active .csib1-col-1 .desc-1,

.cs-search-locDate-area-1 .csld1-col-2.active .csib1-col-1 .desc-1 {

    color: #fff;

    background: var(--pr-brand);

}



/* İçerik sütunu */

.pr-search-card .csib1-col-2,

.cs-search-locDate-area-1 .csib1-col-2 {

    flex: 1 1 auto;

    min-width: 0;

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 2px;

}



.pr-search-card .csib1-col-2 label,

.cs-search-locDate-area-1 .csib1-col-2 label {

    display: block;

    margin: 0;

    padding: 0;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-xs);

    font-weight: var(--pr-fw-semibold);

    line-height: var(--pr-leading-normal);

    letter-spacing: var(--pr-track-wider);

    text-transform: uppercase;

    color: var(--pr-text-subtle);

    cursor: pointer;

}



/* Input — borderless iç alan; focus ring üst kolonda */

.pr-search-card .csib1-col-2 input.form-control,

.cs-search-locDate-area-1 .csib1-col-2 input.form-control {

    height: auto;

    min-height: 26px;

    padding: 0;

    margin: 0;

    border: 0;

    border-radius: 0;

    background: transparent;

    box-shadow: none;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-base);

    font-weight: var(--pr-fw-medium);

    line-height: var(--pr-leading-snug);

    color: var(--pr-ink);

    transition: color var(--pr-dur-fast) var(--pr-ease);

}



.pr-search-card .csib1-col-2 input.form-control::placeholder,

.cs-search-locDate-area-1 .csib1-col-2 input.form-control::placeholder {

    color: var(--pr-text-subtle);

    font-weight: var(--pr-fw-regular);

}



.pr-search-card .csib1-col-2 input.form-control:hover,

.cs-search-locDate-area-1 .csib1-col-2 input.form-control:hover {

    background: transparent;

    border-color: transparent;

}



.pr-search-card .csib1-col-2 input.form-control:focus,

.cs-search-locDate-area-1 .csib1-col-2 input.form-control:focus {

    background: transparent;

    border: 0;

    box-shadow: none;

    outline: none;

    color: var(--pr-ink);

}



/* Tarih önizleme metni */

.pr-search-card .csib1-col-2 .desc-2,

.cs-search-locDate-area-1 .csib1-col-2 .desc-2 {

    margin: 0;

    padding: 0;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-base);

    font-weight: var(--pr-fw-medium);

    line-height: var(--pr-leading-snug);

    color: var(--pr-ink);

}



.pr-search-card .csld1-col-2 .desc-2:empty::before,

.cs-search-locDate-area-1 .csld1-col-2 .desc-2:empty::before {

    content: "—";

    color: var(--pr-text-subtle);

}



/* Gizli daterangepicker tetikleyicisi */

.pr-search-card .cs-datetime-picker-1,

.cs-search-locDate-area-1 .cs-datetime-picker-1 {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

    opacity: 0;

    pointer-events: none;

}



/* Tarih satırı — iki yarı eşit */

.pr-search-card .csld1-col-2 > .row,

.cs-search-locDate-area-1 .csld1-col-2 > .row {

    display: flex;

    flex-wrap: nowrap;

    width: 100%;

    margin: 0;

    gap: 0;

}



.pr-search-card .csld1-col-2 > .row > .col-12,

.cs-search-locDate-area-1 .csld1-col-2 > .row > .col-12 {

    flex: 1 1 50%;

    max-width: 50%;

    padding: 0;

    border-right: 1px solid var(--pr-line);

}



.pr-search-card .csld1-col-2 > .row > .col-12:last-child,

.cs-search-locDate-area-1 .csld1-col-2 > .row > .col-12:last-child {

    border-right: 0;

}



.pr-search-card .csld1-col-2 > .row > .col-12:last-child .csib1-col-1,

.cs-search-locDate-area-1 .csld1-col-2 > .row > .col-12:last-child .csib1-col-1 {

    padding-left: var(--pr-space-3);

}



/* ── Araç Bul butonu — marka primary, hizalı yükseklik ───────────── */

.pr-search-card .csld1-col-3 .cs-secondary-btn-1,

.cs-search-locDate-area-1 .csld1-col-3 .cs-secondary-btn-1 {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: var(--pr-space-2);

    width: 100%;

    min-width: 148px;

    min-height: calc(var(--pr-search-field-h) - var(--pr-space-4));

    height: 100%;

    padding: 0 var(--pr-space-6);

    margin: 0;

    border: none;

    border-radius: var(--pr-r-pill);

    background: var(--pr-brand);

    color: #fff;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-base);

    font-weight: var(--pr-fw-semibold);

    letter-spacing: var(--pr-track-snug);

    line-height: 1;

    white-space: nowrap;

    box-shadow: var(--pr-shadow-brand);

    cursor: pointer;

    transition:

        background-color var(--pr-dur-fast) var(--pr-ease),

        box-shadow var(--pr-dur-fast) var(--pr-ease),

        transform var(--pr-dur-fast) var(--pr-ease);

}



.pr-search-card .csld1-col-3 .cs-secondary-btn-1 i,

.cs-search-locDate-area-1 .csld1-col-3 .cs-secondary-btn-1 i {

    font-size: 18px;

    line-height: 1;

    opacity: 0.95;

}



.pr-search-card .csld1-col-3 .cs-secondary-btn-1:hover,

.cs-search-locDate-area-1 .csld1-col-3 .cs-secondary-btn-1:hover {

    background: var(--pr-brand-600);

    color: #fff;

    transform: translateY(-1px);

    box-shadow: 0 16px 36px rgba(var(--pr-brand-rgb), 0.28),

                0 4px 10px rgba(var(--pr-brand-rgb), 0.14);

}



.pr-search-card .csld1-col-3 .cs-secondary-btn-1:active,

.cs-search-locDate-area-1 .csld1-col-3 .cs-secondary-btn-1:active {

    background: var(--pr-brand-700);

    transform: translateY(0);

    box-shadow: var(--pr-shadow-sm);

}



.pr-search-card .csld1-col-3 .cs-secondary-btn-1:focus-visible,

.cs-search-locDate-area-1 .csld1-col-3 .cs-secondary-btn-1:focus-visible {

    outline: 0;

    box-shadow: var(--pr-focus-ring), var(--pr-shadow-brand);

}



/* ── Şehir dropdown (lokasyon önerileri) ─────────────────────────── */

.pr-search-card .search-m-d-1,

.cs-search-locDate-area-1 .search-m-d-1 {

    position: absolute;

    left: var(--pr-space-2);

    right: var(--pr-space-2);

    top: calc(100% + 6px);

    width: auto;

    z-index: var(--pr-z-dropdown);

    margin: 0;

    padding: var(--pr-space-3);

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-lg);

    box-shadow: var(--pr-shadow-lg);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateY(-4px);

    transition:

        opacity var(--pr-dur-fast) var(--pr-ease),

        transform var(--pr-dur-fast) var(--pr-ease),

        visibility 0s linear var(--pr-dur-fast);

}



.pr-search-card .csld1-col-1.active .search-m-d-1,

.cs-search-locDate-area-1 .csld1-col-1.active .search-m-d-1 {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateY(0);

    transition-delay: 0s;

}



/* Tarih seçici açıkken lokasyon alanı soluk */

.pr-search-card .csld1-col-1.deactive,

.cs-search-locDate-area-1 .csld1-col-1.deactive {

    opacity: 0.55;

    pointer-events: none;

}



.pr-search-card .csld1-col-1,

.cs-search-locDate-area-1 .csld1-col-1 {

    position: relative;

}



.pr-search-card .search-m-d-1 > a,

.cs-search-locDate-area-1 .search-m-d-1 > a {

    display: inline-flex;

    align-items: center;

    gap: var(--pr-space-2);

    margin: 0 0 var(--pr-space-2);

    padding: var(--pr-space-2) var(--pr-space-3);

    border-radius: var(--pr-r-md);

    font-size: var(--pr-text-sm);

    font-weight: var(--pr-fw-medium);

    color: var(--pr-brand);

    background: var(--pr-brand-soft);

    transition: background-color var(--pr-dur-fast) var(--pr-ease);

}



.pr-search-card .search-m-d-1 > a:hover,

.cs-search-locDate-area-1 .search-m-d-1 > a:hover {

    background: var(--pr-brand-100);

}



.pr-search-card .search-m-d-1 .smm-d-1 ul,

.cs-search-locDate-area-1 .search-m-d-1 .smm-d-1 ul {

    list-style: none;

    margin: 0;

    padding: 0;

    max-height: 220px;

    overflow-y: auto;

}



.pr-search-card .search-m-d-1 .smm-d-1 li a,

.cs-search-locDate-area-1 .search-m-d-1 .smm-d-1 li a {

    display: block;

    padding: var(--pr-space-2) var(--pr-space-3);

    border-radius: var(--pr-r-md);

    font-size: var(--pr-text-sm);

    color: var(--pr-ink-700);

    transition:

        background-color var(--pr-dur-fast) var(--pr-ease),

        color var(--pr-dur-fast) var(--pr-ease);

}



.pr-search-card .search-m-d-1 .smm-d-1 li a:hover,

.cs-search-locDate-area-1 .search-m-d-1 .smm-d-1 li a:hover {

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

}



/* Kiralama sayfası üst bar */

.cs-search-locDate-area-1 {

    background: var(--pr-bg-alt);

    border-bottom: 1px solid var(--pr-line);

    padding: var(--pr-space-4) 0;

}



.cs-search-locDate-area-1 .inn-cont-1 {

    max-width: var(--pr-content-max);

    margin: 0 auto;

    padding: 0 var(--pr-space-4);

}



.cs-search-locDate-area-1 .cs-loc-date-d-1 {

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-2xl);

    box-shadow: var(--pr-shadow-md);

    overflow: visible;

}



.pr-search-card,

.pr-search-card .cs-loc-date-d-1 {

    overflow: visible;

}



@media (max-width: 991.98px) {

    .pr-search-wrap {

        padding-bottom: var(--pr-space-10);

    }



    .pr-search-card .cs-loc-date-d-1,

    .cs-search-locDate-area-1 .cs-loc-date-d-1 {

        flex-direction: column;

        flex-wrap: wrap;

        min-height: 0;

    }



    .pr-search-card .csld1-col-1,

    .pr-search-card .csld1-col-2,

    .pr-search-card .csld1-col-3,

    .cs-search-locDate-area-1 .csld1-col-1,

    .cs-search-locDate-area-1 .csld1-col-2,

    .cs-search-locDate-area-1 .csld1-col-3 {

        flex: 1 1 100%;

        width: 100% !important;

        border-right: 0;

        border-bottom: 1px solid var(--pr-line);

        padding: var(--pr-space-3) var(--pr-space-4);

    }



    .pr-search-card .csld1-col-3,

    .cs-search-locDate-area-1 .csld1-col-3 {

        border-bottom: 0;

        padding: var(--pr-space-3);

    }



    .pr-search-card .csld1-col-3 .cs-secondary-btn-1,

    .cs-search-locDate-area-1 .csld1-col-3 .cs-secondary-btn-1 {

        width: 100%;

        min-height: var(--pr-control-h-lg);

    }



    .pr-search-card .csld1-col-2 > .row,

    .cs-search-locDate-area-1 .csld1-col-2 > .row {

        flex-direction: column;

    }



    .pr-search-card .csld1-col-2 > .row > .col-12,

    .cs-search-locDate-area-1 .csld1-col-2 > .row > .col-12 {

        flex: 1 1 100%;

        max-width: 100%;

        border-right: 0;

        border-bottom: 1px solid var(--pr-line);

    }



    .pr-search-card .csld1-col-2 > .row > .col-12:last-child,

    .cs-search-locDate-area-1 .csld1-col-2 > .row > .col-12:last-child {

        border-bottom: 0;

    }

}



@media (max-width: 640px) {

    .pr-search-wrap {

        padding-bottom: var(--pr-space-8);

    }



    .pr-search-card {

        padding: var(--pr-space-2);

        border-radius: var(--pr-r-lg);

    }



    .pr-search-card .cs-icon-box-1,

    .cs-search-locDate-area-1 .cs-icon-box-1 {

        padding: var(--pr-space-2) 0;

    }



    .pr-search-card .csib1-col-1,

    .cs-search-locDate-area-1 .csib1-col-1 {

        flex: 0 0 40px;

        width: 40px;

        max-width: 40px;

    }



    .pr-search-card .csib1-col-1 .desc-1,

    .cs-search-locDate-area-1 .csib1-col-1 .desc-1 {

        width: 40px;

        height: 40px;

        font-size: var(--pr-icon-md);

    }

}





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

   4) WHY SHARINGO  —  4 değer önermesi grid

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

.pr-why {

    padding: var(--pr-space-20) 0;

    background: linear-gradient(180deg, var(--pr-surface) 0%, var(--pr-bg) 100%);

}



.pr-why .pr-section-header {

    text-align: center;

    margin-bottom: var(--pr-space-12);

}



.pr-why .pr-section-eyebrow {

    margin-left: auto;

    margin-right: auto;

}



.pr-why__grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

    gap: var(--pr-list-gap);

    margin: 0;

    padding: 0;

    list-style: none;

}



.pr-why__card {

    display: flex;

    flex-direction: column;

    gap: var(--pr-space-4);

    padding: var(--pr-space-8) var(--pr-space-6);

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-xl);

    box-shadow: var(--pr-shadow-xs);

    list-style: none;

    transition: transform var(--pr-dur-base) var(--pr-ease),

                box-shadow var(--pr-dur-base) var(--pr-ease),

                border-color var(--pr-dur-base) var(--pr-ease);

}



.pr-why__card:hover {

    transform: translate3d(0, -4px, 0);

    box-shadow: var(--pr-shadow-md);

    border-color: var(--pr-line-strong);

}



.pr-why__icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 56px;

    height: 56px;

    border-radius: var(--pr-r-lg);

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

    transition: background var(--pr-dur-base) var(--pr-ease),

                transform var(--pr-dur-base) var(--pr-ease);

}



.pr-why__card:hover .pr-why__icon {

    background: var(--pr-brand);

    color: #fff;

    transform: scale(1.06);

}



.pr-why__title {

    margin: 0;

    color: var(--pr-ink);

    font-family: var(--pr-font-display);

    font-size: var(--pr-display-sm);

    font-weight: 700;

    line-height: var(--pr-leading-snug);

    letter-spacing: var(--pr-track-tight);

}



.pr-why__desc {

    margin: 0;

    color: var(--pr-text-muted);

    font-size: var(--pr-text-base);

    line-height: var(--pr-leading-relaxed);

    text-wrap: pretty;

}



@media (max-width: 640px) {

    .pr-why {

        padding: var(--pr-space-12) 0;

    }

    .pr-why .pr-section-header {

        margin-bottom: var(--pr-space-8);

    }

    .pr-why__card {

        padding: var(--pr-space-6) var(--pr-space-5);

    }

}





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

   5) MEGA CTA  —  Sayfa sonu yüksek-dönüşüm noktası

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

.pr-mega-cta {

    padding: var(--pr-space-16) 0;

    overflow-x: clip;

    overflow-x: hidden;

    max-width: 100%;

}



.pr-mega-cta__inner {

    position: relative;

    overflow: hidden;

    isolation: isolate;

    padding: clamp(40px, 6vw, 96px) clamp(24px, 5vw, 80px);

    background: linear-gradient(135deg, var(--pr-ink) 0%, #1a1a24 60%, #2a1855 100%);

    border-radius: var(--pr-r-3xl);

    color: #fff;

    box-shadow: var(--pr-shadow-xl);

}



.pr-mega-cta__decor {

    position: absolute;

    border-radius: 50%;

    filter: blur(80px);

    opacity: 0.6;

    pointer-events: none;

    z-index: 0;

}



.pr-mega-cta__decor--a {

    top: -20%;

    right: -10%;

    width: 480px;

    height: 480px;

    background: radial-gradient(circle, rgba(var(--pr-brand-rgb), 0.48) 0%, transparent 70%);

}



.pr-mega-cta__decor--b {

    bottom: -30%;

    left: -10%;

    width: 420px;

    height: 420px;

    background: radial-gradient(circle, rgba(52, 211, 153, 0.28) 0%, transparent 70%);

}



.pr-mega-cta__content {

    position: relative;

    z-index: 1;

    max-width: 780px;

    margin: 0 auto;

    text-align: center;

}



.pr-mega-cta__eyebrow {

    display: inline-block;

    margin: 0 0 var(--pr-space-4);

    padding: 6px 14px;

    border-radius: var(--pr-r-pill);

    background: rgba(255, 255, 255, 0.10);

    color: rgba(255, 255, 255, 0.92);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-xs);

    font-weight: 600;

    letter-spacing: var(--pr-track-widest);

    text-transform: uppercase;

    -webkit-backdrop-filter: blur(8px);

            backdrop-filter: blur(8px);

}



.pr-mega-cta__title {

    margin: 0 0 var(--pr-space-4);

    color: #fff;

    font-family: var(--pr-font-display);

    font-size: var(--pr-display-2xl);

    font-weight: 700;

    line-height: var(--pr-leading-display);

    letter-spacing: var(--pr-track-tighter);

    text-wrap: balance;

}



.pr-mega-cta__lead {

    margin: 0 0 var(--pr-space-8);

    color: rgba(255, 255, 255, 0.82);

    font-size: var(--pr-display-2xs);

    line-height: var(--pr-leading-relaxed);

    text-wrap: pretty;

}



.pr-mega-cta__actions {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: var(--pr-space-3);

}



.pr-mega-cta__btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    height: 56px;

    padding: 0 32px;

    border-radius: var(--pr-r-pill);

    border: 1.5px solid transparent;

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-md);

    font-weight: 600;

    letter-spacing: var(--pr-track-snug);

    text-decoration: none;

    cursor: pointer;

    transition: transform var(--pr-dur-fast) var(--pr-ease),

                background var(--pr-dur-base) var(--pr-ease),

                color var(--pr-dur-base) var(--pr-ease),

                box-shadow var(--pr-dur-base) var(--pr-ease);

}



.pr-mega-cta__btn--primary {

    background: #fff;

    color: var(--pr-ink);

    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32),

                0 2px 6px rgba(0, 0, 0, 0.12);

}



.pr-mega-cta__btn--primary:hover {

    transform: translateY(-2px);

    background: var(--pr-brand);

    color: #fff;

    box-shadow: 0 18px 40px rgba(var(--pr-brand-rgb), 0.40);

}



.pr-mega-cta__btn--primary svg {

    transition: transform var(--pr-dur-base) var(--pr-ease);

}



.pr-mega-cta__btn--primary:hover svg {

    transform: translateX(4px);

}



.pr-mega-cta__btn--ghost {

    background: rgba(255, 255, 255, 0.10);

    color: #fff;

    border-color: rgba(255, 255, 255, 0.30);

    -webkit-backdrop-filter: blur(8px);

            backdrop-filter: blur(8px);

}



.pr-mega-cta__btn--ghost:hover {

    transform: translateY(-2px);

    background: rgba(255, 255, 255, 0.95);

    color: var(--pr-ink);

    border-color: transparent;

}



@media (max-width: 640px) {

    .pr-mega-cta {

        padding: var(--pr-space-10) 0;

    }

    .pr-mega-cta__inner {

        padding: var(--pr-space-10) var(--pr-space-5);

        border-radius: var(--pr-r-2xl);

    }

    .pr-mega-cta__btn {

        width: 100%;

        justify-content: center;

    }

}





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

   6) DARK THEME  —  Premium home patches

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

:root[data-theme="dark"] .pr-trust,

:root[data-theme="auto"] .pr-trust {

    background: var(--pr-surface);

    border-bottom-color: var(--pr-line);

}



:root[data-theme="dark"] .pr-search-card,

:root[data-theme="auto"] .pr-search-card,

:root[data-theme="dark"] .cs-search-locDate-area-1 .cs-loc-date-d-1,

:root[data-theme="auto"] .cs-search-locDate-area-1 .cs-loc-date-d-1,

:root[data-theme="dark"] .pr-why__card,

:root[data-theme="auto"] .pr-why__card {

    background: var(--pr-surface);

    border-color: var(--pr-line);

}



:root[data-theme="dark"] .cs-search-locDate-area-1,

:root[data-theme="auto"] .cs-search-locDate-area-1 {

    background: var(--pr-bg-alt);

    border-bottom-color: var(--pr-line);

}



:root[data-theme="dark"] .pr-why,

:root[data-theme="auto"] .pr-why {

    background: linear-gradient(180deg, var(--pr-bg-alt) 0%, var(--pr-bg) 100%);

}



:root[data-theme="dark"] .pr-mega-cta__inner,

:root[data-theme="auto"] .pr-mega-cta__inner {

    background: linear-gradient(135deg, #16161d 0%, #1d1d33 60%, #2a1855 100%);

}





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

   7) Reduced motion — counter animasyonunu kapat

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

@media (prefers-reduced-motion: reduce) {

    .pr-trust__counter {

        animation: none !important;

    }

    .pr-mega-cta__decor {

        animation: none !important;

    }

}
}

@layer pages {
/* =====================================================================

   10-polish.css  —  Premium finishing touches

   ---------------------------------------------------------------------

   Bu katman tasarım sistemini ezmek için DEĞİL, ince premium hisleri

   eklemek için yazıldı:

     • görsel denge & beyaz alan

     • akıcı micro-interactions (transform + cubic-bezier)

     • image / scroll / focus / hover ince ayarları

     • visual rhythm (anchor scroll, section gap, header offset)



   Bütün kurallar prefers-reduced-motion ile devre dışı kalır.

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





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

   1) SCROLL & ANCHOR RHYTHM

   ---------------------------------------------------------------------

   Sticky header altına atlamayı önler — anchor tıklandığında başlık,

   header'ın altında nefes alacak şekilde konumlanır.

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



/* scroll-padding → 23-pixel-perfect.css (--pr-header-offset, JS ölçümü) */





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

   2) IMAGE FALLBACK BACKGROUND

   ---------------------------------------------------------------------

   01-base.css'te img[loading="lazy"] için opacity transition pattern var.

   Burada yalnızca alt yokken / boşken yumuşak placeholder tonu verelim.

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



img:not([alt]),

img[alt=""] {

    background-color: var(--pr-bg-alt);

}





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

   3) BUTTON MICRO-INTERACTIONS

   ---------------------------------------------------------------------

   • Hover: hâlâ -1px lift; ek olarak içindeki SVG ikonu hafif sağa kayar

     (sadece "primary action" butonlarda, gereksiz titreme olmasın).

   • Active: transform .98 ile premium "tıkla" hissi (cubic-bezier).

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



.btn,

.cs-primary-btn-1,

.cs-secondary-btn-1,

.cs-third-btn-1,

.cs-outline-btn-1 {

    transform-origin: center;

}



.btn:active,

.cs-primary-btn-1:active,

.cs-secondary-btn-1:active,

.cs-third-btn-1:active,

.cs-outline-btn-1:active {

    transform: scale(0.97);

    transition-duration: 80ms;

}



.btn--primary svg,

.btn--secondary svg,

.cs-primary-btn-1 svg,

.cs-secondary-btn-1 svg {

    transition: transform var(--pr-dur-fast) var(--pr-ease);

}



.btn--primary:hover svg,

.btn--secondary:hover svg,

.cs-primary-btn-1:hover svg,

.cs-secondary-btn-1:hover svg {

    transform: translateX(2px);

}





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

   4) CARD HOVER GLOW  —  ince brand parıltısı (inset)

   ---------------------------------------------------------------------

   Mevcut kart hover'ı (lift + shadow upgrade) korunur; üstüne ek olarak

   üst kenardan çok yumuşak bir brand inset glow biner. inset shadow

   olduğu için ::after kullanmaz, stacking riski sıfırdır.

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



.cs-car-box-1:hover,

.cs-vehicle-box-1:hover,

.cs-blog-box-1:hover,

.cs-team-box-1:hover,

.cs-card-box-1:hover,

.cs-card-box-2:hover,

.cs-city-box-1:hover,

.cs-campaign-box-1:hover,

.cs-feature-card-1:hover,

.card.card--interactive:hover {

    box-shadow:

        inset 0 1px 0 0 rgba(255, 255, 255, 0.55),

        var(--pr-card-shadow-hover);

}





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

   5) LINK UNDERLINE ANIMATION  —  prose içi linkler

   ---------------------------------------------------------------------

   Header / footer / button içindeki linkler hariç, gövde içindeki anchor

   linkler için soldan-sağa beliren ince çizgi. Premium gazete dijital

   makaleler bu pattern'i kullanır (NYT, Stripe).

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



.prose a:not(.btn):not(.pr-icon-btn),

.cs-blog-detail-1 a:not(.btn),

.cs-faq-box-1 a:not(.btn) {

    background-image: linear-gradient(currentColor, currentColor);

    background-size: 0 1px;

    background-repeat: no-repeat;

    background-position: 0 100%;

    transition: background-size var(--pr-dur-base) var(--pr-ease),

                color var(--pr-dur-fast) var(--pr-ease);

}



.prose a:not(.btn):not(.pr-icon-btn):hover,

.cs-blog-detail-1 a:not(.btn):hover,

.cs-faq-box-1 a:not(.btn):hover {

    background-size: 100% 1px;

}





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

   6) NUMERIC POLISH  —  tüm sayısal alanlar tabular-nums

   ---------------------------------------------------------------------

   Fiyat, sayaç, oran, rezervasyon kodu — sayılar hizalı kalsın.

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



.pr-trust__counter,

.pr-trust__num,

.cs-car-price-1,

.cs-vehicle-price-1,

.idr1-col-1,

[data-pr-count-to],

.cs-cd-rentcounter-1,

.csld1-col-3 .desc-2 {

    font-variant-numeric: tabular-nums lining-nums;

    font-feature-settings: 'tnum' 1, 'lnum' 1, 'kern' 1;

}





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

   7) HEADING BALANCE & WIDTH

   ---------------------------------------------------------------------

   Premium yayıncılık tipografisi: heading'ler text-wrap: balance, body

   text-wrap: pretty. (01-base'de var; burada section title'larda da

   kesin uygulayalım — fluid scale ile birleşince satırlar yumuşak.)

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



.pr-section-title,

.cs-wbg-head-1,

.cs-wbg-head-2,

.card-title {

    text-wrap: balance;

}



.pr-section-lead,

.cs-global-desc-1 {

    text-wrap: pretty;

}



/* Hero başlığı için ekstra olgunluk */

.hero-pr__heading h1,

.hero-pr__heading h2 {

    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'ss01' 1;

    text-wrap: balance;

}





/* Form transition → 03-components + 16-interactions (tek kaynak) */



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

   8) DROPDOWN / DATERANGEPICKER ENTRY ANIMATION

   ---------------------------------------------------------------------

   Bootstrap default'ları snappy ama biraz ham. Spring easing ile yumuşat.

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



.dropdown-menu.show,

.daterangepicker.show,

.cs-dropdown-menu-1.show,

.daterangepicker {

    animation: pr-pop-in var(--pr-dur-base) var(--pr-ease) both;

    transform-origin: top right;

}



@keyframes pr-pop-in {

    from { opacity: 0; transform: translateY(-6px) scale(0.98); }

    to   { opacity: 1; transform: translateY(0)    scale(1); }

}





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

   10) HEART / LIKE PULSE

   ---------------------------------------------------------------------

   Aktif duruma alındığında nabız gibi tek atış puls. CSS-only.

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



.like-btn-1 {

    transition: transform var(--pr-dur-fast) var(--pr-ease);

}



.like-btn-1:hover {

    transform: scale(1.08);

}



.like-btn-1.active {

    animation: pr-like-pulse var(--pr-dur-slow) var(--pr-ease-bounce);

}



@keyframes pr-like-pulse {

    0%   { transform: scale(1); }

    40%  { transform: scale(1.22); }

    100% { transform: scale(1); }

}





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

   11) IMAGE — slow zoom on card hover (already cards) + GLOBAL settle

   ---------------------------------------------------------------------

   Görseller varsayılanda center crop + smooth scale; mevcut kart

   selektörleri 03-components.css'te zaten var. Burada `.card-media`

   olmayan ama fluid kart-benzeri kapsayıcılarda ek emniyet.

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



.cs-homepage-sec-6-hero-image img,

.cs-homepage-sec-7-hero-image img,

.image-d-1 img,

.bg-image-1 img {

    transition: transform var(--pr-dur-slower) var(--pr-ease);

    will-change: transform;

}



.cs-homepage-sec-6-hero-image:hover img,

.cs-homepage-sec-7-hero-image:hover img,

.image-d-1:hover img,

.bg-image-1:hover img {

    transform: scale(1.025);

}





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

   12) SECTION VERTICAL RHYTHM  —  ardışık section'lar arası nefes

   ---------------------------------------------------------------------

   Aynı zemin rengindeki iki section sırt sırta gelirse, üstteki padding

   + alttaki padding birikip "nefessiz duvar" olur. Birleştirici çizgi

   yerine, çift-section üstüne hafif tona-yumuşak geçiş.

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



section + section {

    border-top: 0;            /* eski tema bazıları çizgi koymuş; sıfırla */

}



/* "Beyaz alan" için hero-bitiş → next section üstü ekstra ferahlık */

.pr-trust {

    margin-top: 0;

}



.hero-pr + .pr-trust {

    margin-top: 0;

}



/* trust → search bindirme → 23-pixel-perfect.css */





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

   13) IMG / FIGURE — premium aspect frames (opt-in)

   ---------------------------------------------------------------------

   <figure class="pr-figure pr-figure--16x9"> ... </figure>

   Mevcut kartları zorlamaz — sadece yeni kullanım.

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



.pr-figure {

    position: relative;

    overflow: hidden;

    background: var(--pr-bg-alt);

    border-radius: var(--pr-card-radius);

    margin: 0;

}



.pr-figure > img,

.pr-figure > picture > img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.pr-figure--16x9  { aspect-ratio: 16 / 9;  }

.pr-figure--4x3   { aspect-ratio:  4 / 3;  }

.pr-figure--1x1   { aspect-ratio:  1 / 1;  }

.pr-figure--3x4   { aspect-ratio:  3 / 4;  }

.pr-figure--21x9  { aspect-ratio: 21 / 9;  }





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

   14) HOVER FEEL — pr-icon-btn gentle scale on press

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



.pr-icon-btn:active {

    transform: scale(0.94);

}





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

   15) PREMIUM SCROLLBAR (firefox + webkit)

   ---------------------------------------------------------------------

   01-base.css içindeki scrollbar yalnızca >=1024px. Burada Firefox için

   eşdeğeri ekle; ayrıca thumb hover rengini brand'e yaklaştır.

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



@media (min-width: 1024px) {

    html {

        scrollbar-width: thin;

        scrollbar-color: var(--pr-line-stronger) transparent;

    }

}





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

   REDUCED MOTION  —  bütün polish hareketlerini yavaşlat veya kaldır

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



@media (prefers-reduced-motion: reduce) {

    .btn:active,

    .pr-icon-btn:active,

    .cs-primary-btn-1:active,

    .cs-secondary-btn-1:active {

        transform: none !important;

    }



    .like-btn-1.active {

        animation: none !important;

    }



    .dropdown-menu.show,

    .daterangepicker.show,

    .daterangepicker {

        animation: none !important;

    }

}
}

@layer vendor-overrides {
/* =====================================================================

   05-vendor.css  —  3rd party plugin theming

   ---------------------------------------------------------------------

   SweetAlert2, Daterangepicker, Select2, IntlTelInput, Croppie,

   OwlCarousel, Leaflet — premium tema kuralları.

   Plugin'lerin kendi CSS'ini değiştirmiyoruz; sadece üzerine

   override katmanı.

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





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

   SWEETALERT 2

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



.swal2-container {

    -webkit-backdrop-filter: blur(var(--pr-overlay-blur)) saturate(120%);

            backdrop-filter: blur(var(--pr-overlay-blur)) saturate(120%);

    background: var(--pr-overlay-bg) !important;

}



/* Toast containers must not become a full-height dimmed side panel */

.swal2-container.swal2-top,

.swal2-container.swal2-top-end,

.swal2-container.swal2-top-start,

.swal2-container.swal2-center,

.swal2-container:has(.swal2-toast) {

    background: transparent !important;

    -webkit-backdrop-filter: none !important;

            backdrop-filter: none !important;

}



.swal2-popup {

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-2xl);

    box-shadow: var(--pr-shadow-xl);

    padding: var(--pr-space-8);

    font-family: var(--pr-font-sans);

    animation: pr-modal-pop var(--pr-dur-interaction) var(--pr-ease-in-out) both;

}



.swal2-title {

    color: var(--pr-ink);

    font-weight: 600;

    font-size: var(--pr-text-xl);

    letter-spacing: var(--pr-track-tight);

}



/* Toast: dark ink on pastel legacy colors OR light text on dark toast.

   Always force readable toast title (pastel leftovers + dark --pr-ink clash). */

.swal2-toast .swal2-title,

.cs-sweetalert2-1 .swal2-toast .swal2-title {

    color: #f8fafc;

}



.cs-sweetalert2-1 .swal2-toast.swal2-popup {

    background: #152238;

    color: #f8fafc;

}



.swal2-html-container {

    color: var(--pr-text-muted);

    font-size: var(--pr-text-sm);

    line-height: 1.6;

}



.swal2-actions {

    gap: var(--pr-space-3);

    margin-top: var(--pr-space-5);

}



.swal2-styled.swal2-confirm {

    background: var(--pr-brand);

    border-radius: var(--pr-r-pill);

    padding: 12px 24px;

    font-weight: 600;

    box-shadow: var(--pr-shadow-brand);

}



.swal2-styled.swal2-confirm:focus {

    box-shadow: 0 0 0 4px var(--pr-brand-ring);

}



.swal2-styled.swal2-cancel {

    background: var(--pr-bg-alt);

    color: var(--pr-text);

    border-radius: var(--pr-r-pill);

    padding: 12px 24px;

    font-weight: 600;

}



.swal2-styled {

    transition: var(--pr-transition-interactive);

}



.swal2-styled.swal2-confirm:hover {

    transform: translate3d(0, -2px, 0);

}



.swal2-styled.swal2-cancel:hover {

    background: var(--pr-line);

    transform: translate3d(0, -1px, 0);

}



@keyframes pr-modal-pop {

    from {

        opacity: 0;

        transform: translate3d(0, 12px, 0) scale(0.97);

    }

    to {

        opacity: 1;

        transform: translate3d(0, 0, 0) scale(1);

    }

}



.swal2-icon.swal2-success [class^=swal2-success-line] {

    background: var(--pr-success);

}



.swal2-toast {

    border-radius: var(--pr-r-lg);

    box-shadow: var(--pr-shadow-lg);

}





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

   DATERANGEPICKER

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



.daterangepicker {

    border: 0;

    border-radius: var(--pr-r-2xl);

    box-shadow: var(--pr-shadow-xl);

    padding: var(--pr-space-3);

    font-family: var(--pr-font-sans);

}



.daterangepicker .calendar-table {

    border: 0;

}



.daterangepicker td {

    border-radius: var(--pr-r-sm);

    transition: background var(--pr-dur-fast) var(--pr-ease),

                color var(--pr-dur-fast) var(--pr-ease);

}



.daterangepicker td.in-range {

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

}



.daterangepicker td.active,

.daterangepicker td.active:hover {

    background: var(--pr-brand);

    color: #fff;

    border-radius: var(--pr-r-md);

}



.daterangepicker td.start-date {

    border-radius: var(--pr-r-md) 0 0 var(--pr-r-md);

}



.daterangepicker td.end-date {

    border-radius: 0 var(--pr-r-md) var(--pr-r-md) 0;

}





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

   SELECT2

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



.select2-container--default .select2-selection--single,

.select2-container--default .select2-selection--multiple {

    background: var(--pr-surface-2);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-md);

    min-height: 46px;

    padding: 8px 14px;

}



.select2-container--default.select2-container--focus .select2-selection--single,

.select2-container--default.select2-container--focus .select2-selection--multiple {

    border-color: var(--pr-brand);

    box-shadow: 0 0 0 4px var(--pr-brand-ring);

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

    color: var(--pr-ink);

    line-height: 30px;

}



.select2-dropdown {

    border: 0;

    border-radius: var(--pr-r-lg);

    box-shadow: var(--pr-shadow-lg);

    overflow: hidden;

}



.select2-results__option {

    padding: 10px 14px;

    font-size: var(--pr-text-sm);

}



.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

}





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

   INTLTELINPUT

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



.iti {

    width: 100%;

}



.iti__country-list {

    border-radius: var(--pr-r-lg);

    box-shadow: var(--pr-shadow-lg);

    border: 0;

    padding: var(--pr-space-2) 0;

}



.iti__country.iti__highlight {

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

}



.iti__selected-flag {

    border-radius: var(--pr-r-md) 0 0 var(--pr-r-md);

}





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

   OWL CAROUSEL

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



.owl-carousel .owl-dots {

    margin-top: var(--pr-space-5);

    display: flex;

    justify-content: center;

    gap: 8px;

}



.owl-carousel .owl-dot span {

    width: 8px;

    height: 8px;

    background: var(--pr-line-stronger);

    border-radius: var(--pr-r-pill);

    transition: width var(--pr-dur-base) var(--pr-ease),

                background var(--pr-dur-base) var(--pr-ease);

}



.owl-carousel .owl-dot.active span {

    width: 24px;

    background: var(--pr-brand);

}



.owl-carousel .owl-nav button.owl-prev,

.owl-carousel .owl-nav button.owl-next {

    width: 44px;

    height: 44px;

    border-radius: var(--pr-r-pill);

    background: var(--pr-surface);

    box-shadow: var(--pr-shadow-md);

    color: var(--pr-ink);

    transition: transform var(--pr-dur-fast) var(--pr-ease);

}



.owl-carousel .owl-nav button.owl-prev:hover,

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

    background: var(--pr-brand);

    color: #fff;

    transform: scale(1.05);

}





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

   CROPPIE

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



.croppie-container {

    width: 100%;

    max-width: min(100%, 360px);

    margin-inline: auto;

    background: var(--pr-bg-alt);

    border-radius: var(--pr-r-2xl);

    overflow: hidden;

}



.croppie-container .cr-boundary {

    border: 2px dashed var(--pr-brand);

    border-radius: var(--pr-r-lg);

    background: var(--pr-surface);

    overflow: hidden;

}



.croppie-container .cr-viewport,

.croppie-container .cr-resizer {

    border-radius: var(--pr-r-md);

}



.cr-slider-wrap {

    width: 100%;

    max-width: 100%;

    margin: var(--pr-space-4) auto var(--pr-space-2);

}



.cr-slider {

    accent-color: var(--pr-brand);

}





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

   LEAFLET

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



.leaflet-control-zoom {

    border: 0;

    border-radius: var(--pr-r-md);

    box-shadow: var(--pr-shadow-md);

    overflow: hidden;

}



.leaflet-control-zoom a {

    background: var(--pr-surface);

    color: var(--pr-ink);

    border-bottom: 1px solid var(--pr-line);

    transition: background var(--pr-dur-fast) var(--pr-ease),

                color var(--pr-dur-fast) var(--pr-ease);

}



.leaflet-control-zoom a:hover {

    background: var(--pr-brand-soft);

    color: var(--pr-brand);

}



.leaflet-popup-content-wrapper {

    border-radius: var(--pr-r-lg);

    box-shadow: var(--pr-shadow-lg);

    padding: 4px;

}



.leaflet-popup-content {

    width: 280px;

    margin: var(--pr-space-3) var(--pr-space-4);

    font-family: var(--pr-font-sans);

    font-size: var(--pr-text-sm);

    color: var(--pr-text);

    line-height: 1.5;

}



.leaflet-popup-tip {

    box-shadow: var(--pr-shadow-md);

}



.leaflet-container {

    font-family: var(--pr-font-sans);

}



/* Marker cluster (Leaflet.markercluster) — brand color */

.marker-cluster-small,

.marker-cluster-medium,

.marker-cluster-large {

    width: 50px !important;

    height: 50px !important;

    line-height: 50px;

    text-align: center;

    border-radius: 50%;

    background-color: var(--pr-brand);

    box-shadow: var(--pr-shadow-md);

}



.marker-cluster span {

    color: #fff;

    font-weight: 800;

    font-size: 22px;

    letter-spacing: var(--pr-track-snug);

}





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

   TOASTR (varsa)

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



#toast-container .toast {

    border-radius: var(--pr-r-lg);

    box-shadow: var(--pr-shadow-lg);

    opacity: 1;

    background-image: none;

    padding: var(--pr-space-4) var(--pr-space-5);

}



#toast-container .toast-success { background: var(--pr-success); }

#toast-container .toast-error   { background: var(--pr-danger); }

#toast-container .toast-warning { background: var(--pr-warning); }

#toast-container .toast-info    { background: var(--pr-brand); }
}

@layer theme {
/* =====================================================================

   09-theme.css  —  Dark mode contrast patches + toggle UI

   ---------------------------------------------------------------------

   Mimari: tokenlar (00-tokens.css) zaten dark mode override ediyor.

   Bu dosya YALNIZCA tokenlara bağlı OLMAYAN sabit hex/rgba değerlerini

   ya da legacy main.min.css zincirinden gelen durumları telafi eder.



   Selector kuralı: :root[data-theme="dark"] [scope] { ... }

   Kontrast token'ları: 21-contrast-a11y.css

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





/* ────────────────────────────────────────────────────────────────────

   1) Genel: legacy main.min.css beyaz/açık-gri sabitlerini darkta düzelt

   ──────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] body {

    background: var(--pr-bg);

    color: var(--pr-text);

}



:root[data-theme="dark"] main {

    background: var(--pr-bg);

}



/* Genel açık zeminli kutular — token kullanmayan plain class'lar */

:root[data-theme="dark"] .container,

:root[data-theme="dark"] .container-fluid {

    color: inherit;

}





/* ────────────────────────────────────────────────────────────────────

   2) Header — sticky/scrolled glass arka planı dark'ta da çalışmalı

   ──────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] .cs-sticky-header-1 {

    background: rgba(17, 24, 39, 0.72);

    border-bottom-color: transparent;

}



:root[data-theme="dark"] .cs-sticky-header-1.header-transparent:not(.is-scrolled):not(.is-menu-open) {

    background: rgba(17, 24, 39, 0.55);

}



:root[data-theme="dark"] .cs-sticky-header-1.is-scrolled,

:root[data-theme="dark"] .cs-sticky-header-1.is-menu-open,

:root[data-theme="dark"] body.pr-scroll-locked .cs-sticky-header-1,

:root[data-theme="dark"] body.mobile-overflow-h .cs-sticky-header-1 {

    background: rgba(17, 24, 39, 0.92);

    border-bottom: 1px solid var(--pr-line);

    box-shadow:

        0 1px 0 rgba(0, 0, 0, 0.40),

        0 12px 32px rgba(0, 0, 0, 0.36);

}



/* Logo — dark zeminde SVG mor/koyu olabilir; invert hint */

:root[data-theme="dark"] .cs-main-logo-1 img {

    filter: brightness(1.1);

}





/* ────────────────────────────────────────────────────────────────────

   3) Ana sayfa hero’nun altındaki floating arama kartı

   ──────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] .cs-homepage-sec-2 .cs-loc-date-d-1,

:root[data-theme="dark"] .pr-search-card,

:root[data-theme="dark"] .pr-search-card .cs-loc-date-d-1,

:root[data-theme="auto"] .pr-search-card,

:root[data-theme="auto"] .pr-search-card .cs-loc-date-d-1 {

    background: var(--pr-surface);

    border-color: var(--pr-line);

    color: var(--pr-text);

}



:root[data-theme="dark"] .cs-homepage-sec-2 input,

:root[data-theme="dark"] .cs-homepage-sec-2 .form-control {

    background: var(--pr-surface-2);

    color: var(--pr-text);

}





/* ────────────────────────────────────────────────────────────────────

   4) Kart / liste — legacy `.cs-car-box-1` vs içerikteki sabit beyaz

   ──────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] .card,

:root[data-theme="dark"] .cs-car-box-1,

:root[data-theme="dark"] .cs-vehicle-box-1,

:root[data-theme="dark"] .cs-blog-box-1,

:root[data-theme="dark"] .cs-team-box-1,

:root[data-theme="dark"] .cs-faq-box-1,

:root[data-theme="dark"] .cs-history-card-1,

:root[data-theme="dark"] .cs-card-box-1,

:root[data-theme="dark"] .cs-card-box-2,

:root[data-theme="dark"] .cs-comment-box-1,

:root[data-theme="dark"] .cs-city-box-1,

:root[data-theme="dark"] .cs-campaign-box-1,

:root[data-theme="dark"] .cs-aub-item-1,

:root[data-theme="dark"] .cs-career-item-1,

:root[data-theme="dark"] .cs-career-advert-itembox-1,

:root[data-theme="dark"] .cs-cd-infobox-1,

:root[data-theme="dark"] .cs-loan-item-1,

:root[data-theme="dark"] .cs-speech-info-box-1,

:root[data-theme="dark"] .cs-speech-info-box-2,

:root[data-theme="dark"] .cs-notification-list-item-1,

:root[data-theme="dark"] .cs-feature-card-1 {

    background: var(--pr-card-bg);

    color: var(--pr-text);

    border-color: var(--pr-line);

}





/* ────────────────────────────────────────────────────────────────────

   5) Form input/select/textarea — legacy beyaz arka planları kapla

   ──────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] input,

:root[data-theme="dark"] select,

:root[data-theme="dark"] textarea {

    background-color: var(--pr-surface-2);

    color: var(--pr-text);

    border-color: var(--pr-line);

}



:root[data-theme="dark"] input::placeholder,

:root[data-theme="dark"] textarea::placeholder {

    color: var(--pr-text-subtle);

}



:root[data-theme="dark"] input:-webkit-autofill,

:root[data-theme="dark"] input:-webkit-autofill:hover,

:root[data-theme="dark"] input:-webkit-autofill:focus {

    -webkit-box-shadow: 0 0 0 1000px var(--pr-surface-2) inset !important;

    -webkit-text-fill-color: var(--pr-text) !important;

    caret-color: var(--pr-text);

}





/* ────────────────────────────────────────────────────────────────────

   6) Modal / dropdown — sabit beyaz arka planları darka çevir

   ──────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] .modal-content {

    background: var(--pr-surface);

    color: var(--pr-text);

    border-color: var(--pr-line);

}



:root[data-theme="dark"] .modal-backdrop.show {

    background: rgba(0, 0, 0, 0.65);

    opacity: 1;

}



:root[data-theme="dark"] .cs-global-area-1 .cs-cookie-fly-d-1,

:root[data-theme="auto"] .cs-global-area-1 .cs-cookie-fly-d-1 {

    background: rgba(17, 24, 39, 0.92);

    border-top-color: var(--pr-line-strong);

}



:root[data-theme="dark"] .cs-global-area-1 .cs-cookie-fly-d-1 .desc-1,

:root[data-theme="auto"] .cs-global-area-1 .cs-cookie-fly-d-1 .desc-1 {

    color: var(--pr-text-muted);

}



:root[data-theme="dark"] .cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-1,

:root[data-theme="auto"] .cs-global-area-1 .cs-cookie-fly-d-1 .cookies-btn-1 {

    background: var(--pr-surface-2);

    border-color: var(--pr-line-strong);

    color: var(--pr-text);

}



:root[data-theme="dark"] .dropdown-menu,

:root[data-theme="dark"] .main-dd-d-1,

:root[data-theme="dark"] .cs-globe-dd-1 .csgdd1-d-1 {

    background: var(--pr-surface);

    border-color: var(--pr-line);

    box-shadow: var(--pr-shadow-lg);

    color: var(--pr-text);

}





/* ────────────────────────────────────────────────────────────────────

   7) Footer — token kullanmayan beyaz/gri override

   ──────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] footer,

:root[data-theme="dark"] .cs-footer-1 {

    background: var(--pr-bg-alt);

    color: var(--pr-text-muted);

    border-top-color: var(--pr-line);

}



/* Sosyal pill chip — dark’ta surface hafifçe açık */

:root[data-theme="dark"] .pr-footer__social a,

:root[data-theme="dark"] .cs-footer-1 .cs-social-menu-1 a {

    background: var(--pr-surface-2);

    border-color: var(--pr-line-strong);

    color: var(--pr-text);

}



:root[data-theme="dark"] .cs-sticky-header-1 .cs-header-btn-1 i,

:root[data-theme="dark"] .cs-sticky-header-1 .cs-header-btn-2 i,

:root[data-theme="auto"] .cs-sticky-header-1 .cs-header-btn-1 i,

:root[data-theme="auto"] .cs-sticky-header-1 .cs-header-btn-2 i {

    color: var(--pr-text);

}



:root[data-theme="dark"] .pr-footer__social a i,

:root[data-theme="auto"] .pr-footer__social a i {

    color: var(--pr-text-muted);

}



:root[data-theme="dark"] .pr-footer__social a:hover,

:root[data-theme="dark"] .cs-footer-1 .cs-social-menu-1 a:hover {

    background: var(--pr-brand);

    border-color: var(--pr-brand);

    color: #fff;

}



/* Dil seçici pill — aktif state */

:root[data-theme="dark"] .pr-footer__lang {

    background: var(--pr-surface-2);

    border-color: var(--pr-line-strong);

}



:root[data-theme="dark"] .pr-footer__lang li.active a {

    background: var(--pr-brand);

    color: #fff;

}



/* App badge’ler dark zemine adapte (Apple/Google badge’leri açık zemine

   çizilmiş; dark’ta hafif kontrast border eklerek görünür kıl) */

:root[data-theme="dark"] .pr-footer__app-badge {

    box-shadow: 0 0 0 1px var(--pr-line-strong);

}





/* ────────────────────────────────────────────────────────────────────

   8) Plugin tema yamaları (sweetalert / select2 / daterangepicker)

   ──────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] .swal2-popup {

    background: var(--pr-surface) !important;

    color: var(--pr-text) !important;

}



:root[data-theme="dark"] .swal2-title,

:root[data-theme="dark"] .swal2-html-container {

    color: var(--pr-text) !important;

}



:root[data-theme="dark"] .select2-container--default

    .select2-selection--single {

    background: var(--pr-surface-2);

    border-color: var(--pr-line);

    color: var(--pr-text);

}



:root[data-theme="dark"] .select2-dropdown {

    background: var(--pr-surface);

    border-color: var(--pr-line);

    color: var(--pr-text);

}



:root[data-theme="dark"] .select2-results__option--highlighted {

    background: var(--pr-brand-soft);

    color: var(--pr-text);

}



:root[data-theme="dark"] .daterangepicker {

    background: var(--pr-surface);

    border-color: var(--pr-line);

    color: var(--pr-text);

}



:root[data-theme="dark"] .daterangepicker .calendar-table {

    background: var(--pr-surface);

    border-color: var(--pr-line);

}



:root[data-theme="dark"] .daterangepicker td.available:hover {

    background: var(--pr-bg-alt);

}





/* ────────────────────────────────────────────────────────────────────

   9) Görseller — fotoğrafa dokunmayız, sadece dekoratif SVG/iconları

   yumuşat (ör. çok parlak ikonları gri tonuna ölçekle)

   ──────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] .img-fluid:not([src*=".jpg"]):not([src*=".jpeg"]):not([src*=".png"]):not([src*=".webp"]) {

    /* sadece SVG'ler etkilenir; jpg/png/webp tam parlaklıkta kalır */

    filter: none;

}





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

   THEME TOGGLE — header butonu (Apple tarzı, 36px, pill arka plan)

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

.pr-theme-toggle {

    appearance: none;

    -webkit-appearance: none;

    background: transparent;

    border: 1px solid var(--pr-line-strong);

    border-radius: var(--pr-r-pill);

    color: var(--pr-ink-700);

    cursor: pointer;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    width: var(--pr-chrome-iconbtn-size);

    height: var(--pr-chrome-iconbtn-size);

    margin: 0;

    flex-shrink: 0;

    transition:

        background-color var(--pr-dur-fast) var(--pr-ease),

        border-color var(--pr-dur-fast) var(--pr-ease),

        color var(--pr-dur-fast) var(--pr-ease),

        transform var(--pr-dur-fast) var(--pr-ease);

}



.pr-theme-toggle:hover {

    background: var(--pr-bg-alt);

    border-color: var(--pr-line-stronger);

}



.pr-theme-toggle:active {

    transform: scale(0.96);

}



.pr-theme-toggle:focus-visible {

    outline: 2px solid var(--pr-brand);

    outline-offset: 2px;

}



.pr-theme-toggle svg {

    width: 18px;

    height: 18px;

    transition: transform var(--pr-dur-base) var(--pr-ease);

}



/* İkon görünürlüğü — tek SVG, içinde iki <g> grup; tema göre toggle */

.pr-theme-toggle .pr-icon-sun  { display: none; }

.pr-theme-toggle .pr-icon-moon { display: block; }



:root[data-theme="dark"] .pr-theme-toggle .pr-icon-sun  { display: block; }

:root[data-theme="dark"] .pr-theme-toggle .pr-icon-moon { display: none; }



@media (prefers-color-scheme: dark) {

    :root[data-theme="auto"] .pr-theme-toggle .pr-icon-sun  { display: block; }

    :root[data-theme="auto"] .pr-theme-toggle .pr-icon-moon { display: none; }

}



/* Sticky header şeffafken icon hover'ında okunaklılık */

:root[data-theme="dark"] .pr-theme-toggle {

    color: var(--pr-text);

    border-color: var(--pr-line-strong);

}



:root[data-theme="dark"] .cs-mobile-menu-d-1 {

    background: rgba(17, 24, 39, 0.96);

}



:root[data-theme="dark"] body.pr-scroll-locked::before,

:root[data-theme="dark"] body.mobile-overflow-h::before {

    background: rgba(0, 0, 0, 0.45);

}



/* Upload zones — koyu tema */

:root[data-theme="dark"] .cs-upload-container-1,

:root[data-theme="auto"] .cs-upload-container-1,

:root[data-theme="dark"] .cs-input-box-dashed-1,

:root[data-theme="auto"] .cs-input-box-dashed-1,

:root[data-theme="dark"] .cs-dd-modal-file-1 .cs-modal-input-wrapper,

:root[data-theme="auto"] .cs-dd-modal-file-1 .cs-modal-input-wrapper {

    background: var(--pr-surface-2);

    border-color: var(--pr-line-strong);

}



:root[data-theme="dark"] .cs-upload-container-1:hover,

:root[data-theme="auto"] .cs-upload-container-1:hover,

:root[data-theme="dark"] .cs-upload-container-1.is-dragover,

:root[data-theme="auto"] .cs-upload-container-1.is-dragover {

    background: var(--pr-brand-soft);

}





/* Mobil header'da küçük spacing */

@media (max-width: 991px) {

    .pr-theme-toggle {

        width: 38px;

        height: 38px;

        margin: 0 var(--pr-space-1);

    }

}
}

@layer utilities {
/* =====================================================================

   06-utilities.css  —  Helpers / atomic / state classes

   ---------------------------------------------------------------------

   Tek amaçlı yardımcı sınıflar. Spesifite düşük kalsın diye en

   tepe layer (utilities) içinde tutulur, kolayca override edilir.

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





/* ── Display ───────────────────────────────────────────────────────── */

.u-hidden     { display: none; }

.u-block      { display: block; }

.u-inline     { display: inline; }

.u-inline-block { display: inline-block; }

.u-flex       { display: flex; }

.u-inline-flex{ display: inline-flex; }

.u-grid       { display: grid; }



/* Kademeli grid (22-breakpoints.css — sm/md/lg/xl) */

.pr-grid-cols-2,

.pr-grid-cols-3,

.pr-grid-cols-4 {

    display: grid;

    gap: var(--pr-list-gap);

    align-items: stretch;

}





/* ── Flex helpers ──────────────────────────────────────────────────── */

.u-row        { flex-direction: row; }

.u-col        { flex-direction: column; }

.u-wrap       { flex-wrap: wrap; }

.u-nowrap     { flex-wrap: nowrap; }



.u-items-start    { align-items: flex-start; }

.u-items-center   { align-items: center; }

.u-items-end      { align-items: flex-end; }

.u-items-stretch  { align-items: stretch; }



.u-justify-start    { justify-content: flex-start; }

.u-justify-center   { justify-content: center; }

.u-justify-end      { justify-content: flex-end; }

.u-justify-between  { justify-content: space-between; }

.u-justify-around   { justify-content: space-around; }





/* ── Gap (4px scale) ───────────────────────────────────────────────── */

.u-gap-1  { gap: var(--pr-space-1); }

.u-gap-2  { gap: var(--pr-space-2); }

.u-gap-3  { gap: var(--pr-space-3); }

.u-gap-4  { gap: var(--pr-space-4); }

.u-gap-5  { gap: var(--pr-space-5); }

.u-gap-6  { gap: var(--pr-space-6); }

.u-gap-8  { gap: var(--pr-space-8); }



/* Listeleme ritmi — responsive token (12-layout-rhythm.css) */

.u-list-gap   { gap: var(--pr-list-gap); }

.u-list-gap-x { column-gap: var(--pr-list-gap-x); }

.u-list-gap-y { row-gap: var(--pr-list-gap-y); }

.u-list-pad   { padding: var(--pr-list-pad); }



/* Sabit breakpoint gap yardımcıları (Tailwind benzeri) */

.u-gap-list-sm { gap: var(--pr-space-3); }

.u-gap-list-md { gap: var(--pr-space-4); }

.u-gap-list-lg { gap: var(--pr-space-6); }

.u-gap-list-xl { gap: var(--pr-space-8); }



@media (min-width: 768px) {

    .u-md-gap-6 { gap: var(--pr-space-6); }

    .u-md-list-gap { gap: var(--pr-space-6); }

}



@media (min-width: 1024px) {

    .u-lg-gap-8 { gap: var(--pr-space-8); }

    .u-lg-list-gap { gap: var(--pr-space-8); }

}





/* ── Spacing (m: margin, p: padding) ───────────────────────────────── */

.u-m-0  { margin: 0; }

.u-m-1  { margin: var(--pr-space-1); }

.u-m-2  { margin: var(--pr-space-2); }

.u-m-3  { margin: var(--pr-space-3); }

.u-m-4  { margin: var(--pr-space-4); }

.u-m-6  { margin: var(--pr-space-6); }

.u-m-8  { margin: var(--pr-space-8); }

.u-mt-0 { margin-top: 0; }

.u-mb-0 { margin-bottom: 0; }

.u-mt-2 { margin-top: var(--pr-space-2); }

.u-mb-2 { margin-bottom: var(--pr-space-2); }

.u-mt-4 { margin-top: var(--pr-space-4); }

.u-mb-4 { margin-bottom: var(--pr-space-4); }

.u-mt-6 { margin-top: var(--pr-space-6); }

.u-mb-6 { margin-bottom: var(--pr-space-6); }

.u-mt-8 { margin-top: var(--pr-space-8); }

.u-mb-8 { margin-bottom: var(--pr-space-8); }

.u-mx-auto { margin-left: auto; margin-right: auto; }



.u-p-0  { padding: 0; }

.u-p-1  { padding: var(--pr-space-1); }

.u-p-2  { padding: var(--pr-space-2); }

.u-p-3  { padding: var(--pr-space-3); }

.u-p-4  { padding: var(--pr-space-4); }

.u-p-6  { padding: var(--pr-space-6); }





/* ── Width / height ────────────────────────────────────────────────── */

.u-w-full    { width: 100%; }

.u-w-auto    { width: auto; }

.u-h-full    { height: 100%; }

.u-h-auto    { height: auto; }

.u-min-h-screen { min-height: 100vh; }





/* ── Text ──────────────────────────────────────────────────────────── */

.u-text-left    { text-align: left; }

.u-text-center  { text-align: center; }

.u-text-right   { text-align: right; }



.u-text-xs   { font-size: var(--pr-text-xs); }

.u-text-sm   { font-size: var(--pr-text-sm); }

.u-text-base { font-size: var(--pr-text-base); }

.u-text-md   { font-size: var(--pr-text-md); }

.u-text-lg   { font-size: var(--pr-text-lg); }

.u-text-xl   { font-size: var(--pr-text-xl); }

.u-text-2xl  { font-size: var(--pr-text-2xl); }



.u-font-light    { font-weight: 300; }

.u-font-normal   { font-weight: var(--pr-fw-regular); }

.u-font-medium   { font-weight: var(--pr-fw-medium); }

.u-font-semibold { font-weight: var(--pr-fw-semibold); }

.u-font-bold     { font-weight: var(--pr-fw-bold); }

.u-font-extrabold { font-weight: var(--pr-fw-extrabold); }



.u-font-display  { font-family: var(--pr-font-display); }

.u-font-sans     { font-family: var(--pr-font-sans); }

.u-font-mono     { font-family: var(--pr-font-mono); }



.u-leading-tight   { line-height: var(--pr-leading-tight); }

.u-leading-snug    { line-height: var(--pr-leading-snug); }

.u-leading-normal  { line-height: var(--pr-leading-normal); }

.u-leading-relaxed { line-height: var(--pr-leading-relaxed); }

.u-leading-loose   { line-height: var(--pr-leading-loose); }



.u-track-tight   { letter-spacing: var(--pr-track-tight); }

.u-track-snug    { letter-spacing: var(--pr-track-snug); }

.u-track-wide    { letter-spacing: var(--pr-track-wide); }



/* Okuma genişliği */

.u-measure        { max-width: var(--pr-measure); }

.u-measure-wide   { max-width: var(--pr-measure-wide); }

.u-measure-narrow { max-width: var(--pr-measure-narrow); }



/* Metin taşma / kırpma */

.u-truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.u-line-clamp-2 {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.u-line-clamp-3 {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.u-break-words { overflow-wrap: break-word; word-break: normal; }

.u-break-all   { overflow-wrap: anywhere; word-break: break-word; }

.u-text-balance { text-wrap: balance; }

.u-text-pretty  { text-wrap: pretty; }





/* ── Color ─────────────────────────────────────────────────────────── */

.u-text-ink     { color: var(--pr-ink); }

.u-text-muted   { color: var(--pr-text-muted); }

.u-text-subtle  { color: var(--pr-text-subtle); }

.u-text-brand   { color: var(--pr-brand); }

.u-text-success { color: var(--pr-success); }

.u-text-warning { color: var(--pr-warning); }

.u-text-danger  { color: var(--pr-danger); }





/* ── Background ────────────────────────────────────────────────────── */

.u-bg-surface  { background: var(--pr-surface); }

.u-bg-alt      { background: var(--pr-bg-alt); }

.u-bg-brand    { background: var(--pr-brand); color: #fff; }





/* ── Border / radius ───────────────────────────────────────────────── */

.u-border       { border: 1px solid var(--pr-line); }

.u-border-strong{ border: 1px solid var(--pr-line-strong); }

.u-border-0     { border: 0; }



.u-rounded-sm  { border-radius: var(--pr-r-sm); }

.u-rounded-md  { border-radius: var(--pr-r-md); }

.u-rounded-lg  { border-radius: var(--pr-r-lg); }

.u-rounded-xl  { border-radius: var(--pr-r-xl); }

.u-rounded-2xl { border-radius: var(--pr-r-2xl); }

.u-rounded-pill{ border-radius: var(--pr-r-pill); }





/* ── Shadow ────────────────────────────────────────────────────────── */

.u-shadow-sm { box-shadow: var(--pr-shadow-sm); }

.u-shadow-md { box-shadow: var(--pr-shadow-md); }

.u-shadow-lg { box-shadow: var(--pr-shadow-lg); }

.u-shadow-xl { box-shadow: var(--pr-shadow-xl); }

.u-shadow-none { box-shadow: none; }





/* ── Position ──────────────────────────────────────────────────────── */

.u-relative { position: relative; }

.u-absolute { position: absolute; }

.u-fixed    { position: fixed; }

.u-sticky   { position: sticky; }





/* ── Cursor ────────────────────────────────────────────────────────── */

.u-cursor-pointer { cursor: pointer; }

.u-cursor-default { cursor: default; }

.u-select-none    { user-select: none; }





/* ── Overflow ──────────────────────────────────────────────────────── */

.u-overflow-hidden { overflow: hidden; }

.u-overflow-auto   { overflow: auto; }

.u-overflow-x-auto { overflow-x: auto; }

.u-overflow-y-auto { overflow-y: auto; }





/* ── Truncation ────────────────────────────────────────────────────── */

.u-truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.u-line-clamp-2 {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.u-line-clamp-3 {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}





/* ── Visibility ────────────────────────────────────────────────────── */

.u-invisible { visibility: hidden; }

.u-visible   { visibility: visible; }





/* ── Screen-reader only ────────────────────────────────────────────── */

.u-sr-only,

.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}





/* ── Aspect ratio ──────────────────────────────────────────────────── */

.u-aspect-square { aspect-ratio: 1 / 1; }

.u-aspect-video  { aspect-ratio: 16 / 9; }

.u-aspect-3-4    { aspect-ratio: 3 / 4; }

.u-aspect-16-10  { aspect-ratio: 16 / 10; }

.u-aspect-4-3    { aspect-ratio: 4 / 3; }



.u-object-cover   { object-fit: cover; }

.u-object-contain { object-fit: contain; }

.u-object-center  { object-position: center; }





/* ── Iconography (18-iconography.css) ──────────────────────────────── */

.u-icon-row {

    display: inline-flex;

    align-items: center;

    gap: var(--pr-icon-gap);

}



.u-icon-row-sm { gap: var(--pr-icon-gap-sm); }

.u-icon-row-lg { gap: var(--pr-icon-gap-lg); }



.u-icon-xs { font-size: var(--pr-icon-xs); width: 1em; height: 1em; }

.u-icon-sm { font-size: var(--pr-icon-sm); width: 1em; height: 1em; }

.u-icon-md { font-size: var(--pr-icon-md); width: 1em; height: 1em; }

.u-icon-lg { font-size: var(--pr-icon-lg); width: 1em; height: 1em; }



.u-icon-tone       { color: var(--pr-icon-tone); }

.u-icon-tone-muted { color: var(--pr-icon-tone-muted); }

.u-icon-tone-brand { color: var(--pr-icon-tone-brand); }





/* ── Backdrop ──────────────────────────────────────────────────────── */

.u-blur {

    -webkit-backdrop-filter: blur(20px);

            backdrop-filter: blur(20px);

}





/* ── Transitions (premium hover — 16-interactions.css ile uyumlu) ─── */

.u-transition-interactive {

    transition: var(--pr-transition-interactive);

}



.u-transition-surface {

    transition: var(--pr-transition-surface);

}



.u-transition-control {

    transition: var(--pr-transition-control);

}



.u-duration-300 {

    transition-duration: var(--pr-dur-interaction);

}



.u-ease-in-out {

    transition-timing-function: var(--pr-ease-in-out);

}



.u-hover-lift:hover {

    transform: translate3d(0, var(--pr-card-lift-sm), 0);

    box-shadow: var(--pr-card-shadow-hover);

}



.u-hover-lift-lg:hover {

    transform: translate3d(0, var(--pr-card-lift), 0);

    box-shadow: var(--pr-card-shadow-hover);

}





/* ── Animation ─────────────────────────────────────────────────────── */

.u-fade-in {

    animation: pr-fade-in var(--pr-dur-base) var(--pr-ease) both;

}



.u-rise-in {

    animation: pr-rise-in var(--pr-dur-slow) var(--pr-ease) both;

}



@keyframes pr-fade-in {

    from { opacity: 0; }

    to   { opacity: 1; }

}



@keyframes pr-rise-in {

    from { opacity: 0; transform: translateY(8px); }

    to   { opacity: 1; transform: translateY(0); }

}





/* ── Print ─────────────────────────────────────────────────────────── */

/* Legacy scroll-to-top — main.min.css mor yerine marka yeşili */

#goTpButton {

    background-color: var(--pr-brand);

}



#goTpButton:hover,

#goTpButton:focus {

    background-color: var(--pr-brand-600);

}





@media print {

    .u-no-print,

    .cs-sticky-header-1,

    .cs-footer-1,

    footer,

    .modal,

    .modal-backdrop {

        display: none;

    }



    body {

        background: #fff;

        color: #000;

    }

}
}

@layer utilities {
/* =====================================================================

   13-overflow-guard.css  —  Mobil yatay scroll / taşma engelleme

   =====================================================================

   Kök nedenler: 100vw + scrollbar, negatif row margin, slider padding,

   dekoratif absolute öğeler, full-bleed breakout.

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





/* ── Kök kabuk — güvenli genişlik + clip ─────────────────────────── */

html {

    width: 100%;

    max-width: 100%;

    /* sticky header için overflow-x html'de olmamalı — body keser */

    overflow-x: visible;

}



body {

    width: 100%;

    max-width: 100%;

    overflow-x: clip;

    overflow-x: hidden;

    position: relative;

    padding-left: env(safe-area-inset-left, 0);

    padding-right: env(safe-area-inset-right, 0);

}



#main-content,

main[role="main"],

.cs-full-container-1,

.page-wrapper,

.pr-page-shell {

    width: 100%;

    max-width: 100%;

    overflow-x: clip;

    overflow-x: hidden;

}



/* Flex/grid çocukları — min-width:0 ile taşmayı kes */

.row > [class*="col"],

[class*="col-"],

.cssr1-col-1,

.cssr1-col-2,

.cssr1-col-3,

.cslr1-col-1,

.owl-item {

    /* Do NOT set min-width:0 — collapses Owl fixed-width slides */

    min-width: auto;

}





/* ── Bootstrap row — negatif gutter taşması (07-responsive override) ─ */

.row {

    margin-left: 0;

    margin-right: 0;

    max-width: 100%;

}



.row > [class*="col-"] {

    padding-left: var(--pr-space-3);

    padding-right: var(--pr-space-3);

}



@media (min-width: 768px) {

    .row > [class*="col-"] {

        padding-left: var(--pr-space-4);

        padding-right: var(--pr-space-4);

    }

}





/* ── Container — tam genişlik, güvenli yatay pad ─────────────────── */

.container,

.container-fluid,

.container-2,

.cs-full-container-1 > .container {

    width: 100%;

    max-width: 100%;

    margin-left: auto;

    margin-right: auto;

    padding-left: max(var(--pr-space-4), env(safe-area-inset-left, 0px));

    padding-right: max(var(--pr-space-4), env(safe-area-inset-right, 0px));

    box-sizing: border-box;

}





/* ── 100vw / full-bleed breakout — scrollbar taşması yok ─────────── */

.custom-modal,

.custom-modal-overlay {

    width: 100%;

    max-width: 100%;

}



.custom-modal-content {

    min-width: 0;

    max-width: min(100%, 480px);

    width: calc(100% - var(--pr-space-8));

    margin-inline: auto;

}



/* Hero — section overflow clip (home-modern 100vw yerine) */

.hero-pr,

.cs-homepage-sec-1.hero-pr,

.cs-homepage-sec-1.section-hero {

    width: 100%;

    max-width: 100%;

    overflow-x: clip;

    overflow-x: hidden;

}



.hero-pr .cs-full-container-1,

.hero-pr__viewport,

.hero-pr .owl-stage-outer {

    width: 100%;

    max-width: 100%;

}





/* ── Owl / slider — yatay taşma konteyner içinde ─────────────────── */

.owl-carousel,

.owl-carousel .owl-stage-outer {

    width: 100%;

    max-width: 100%;

    overflow: hidden;

}



.cs-homepage-sec-6,

.cs-homepage-sec-7 {

    overflow-x: clip;

    overflow-x: hidden;

    max-width: 100%;

}



.cs-homepage-sec-6 .slider-area-1,

.cs-homepage-sec-7 .slider-area-1 {

    width: 100%;

    max-width: 100%;

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

    overflow-x: clip;

    overflow-x: hidden;

}



.cs-slider-3.owl-theme .owl-nav,

.cs-slider-4.owl-theme .owl-nav {

    left: 0;

    right: 0;

    max-width: 100%;

    padding-inline: var(--pr-space-4);

    box-sizing: border-box;

}



/* Tab slider görselleri — negatif offset iptal */

.cs-slider-cont-1,

.cs-slider-cont-1 .bg-image-1 {

    max-width: 100%;

    overflow: hidden;

}



.cs-slider-cont-1 .bg-image-1 {

    right: auto;

    left: auto;

}



.cs-slider-cont-1 .bg-image-1 img {

    width: 100%;

    max-width: 100%;

    height: auto;

}





/* ── Mega CTA dekor — dışarı taşan blur ──────────────────────────── */

.pr-mega-cta {

    overflow-x: clip;

    overflow-x: hidden;

    max-width: 100%;

}



.pr-mega-cta__inner {

    overflow: hidden;

}





/* ── Yatay swipe listeler — body genişletmez, ebeveyn clip ───────── */

.cs-rentcar-section-2,

.cs-rentcar-section-1,

section[class*="rent"] {

    max-width: 100%;

    overflow-x: clip;

    overflow-x: hidden;

}



@media (max-width: 767.98px) {

    .cs-rentcar-section-2 {

        padding-inline: var(--pr-space-4);

        box-sizing: border-box;

    }



    .cs-rentcar-section-2 .cs-list-row-1,

    .cs-favorite-list,

    .vehicle-list {

        display: flex;

        width: 100%;

        max-width: 100%;

        margin: 0;

        padding: 0 0 var(--pr-space-2);

        overflow-x: auto;

        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;

        overscroll-behavior-x: contain;

        scroll-snap-type: x mandatory;

        scroll-padding-inline: var(--pr-space-2);

    }

}



/* ── Uzun içerik / tablo — yatay scroll sadece kutu içinde ────────── */

pre,

code,

.table-responsive,

table.cs-responsive-table,

[id$="DetailTable"] {

    max-width: 100%;

}



pre,

code {

    overflow-x: auto;

    white-space: pre-wrap;

    word-break: break-word;

}





/* ── Sabit konumlu UI — viewport dışına taşmasın ─────────────────── */

#goTpButton {

    right: max(12px, env(safe-area-inset-right, 0px));

}



#MernisErrorModal .modal-dialog {

    left: auto;

    right: auto;

    margin-inline: auto;

    max-width: calc(100% - var(--pr-space-8));

}





/* ── iframe / harita ───────────────────────────────────────────────── */

iframe,

.leaflet-container,

.cs-list-map-1,

#map {

    max-width: 100%;

}





/* ── Select2 / dropdown genişlik ───────────────────────────────────── */

.select2-container {

    max-width: 100%;

}



.select2-dropdown {

    max-width: 100vw;

    box-sizing: border-box;

}
}

@layer utilities {
/* =====================================================================

   14-touch-targets.css  —  Dokunmatik alan + buton hizalama + metin taşması

   =====================================================================

   WCAG 2.5.5 / Apple HIG: etkileşimli öğeler ≥ 44×44px (mobil + coarse pointer).

   Metin: flex ortalı; mobilde uzun CTA metinleri kırılır, dar alanda ellipsis.

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





/* ── Ortak buton / CTA yüzeyi — dikey ortalama garantisi ─────────── */

.btn,

button.btn,

a.btn,

[class*="cs-primary-btn"],

[class*="cs-secondary-btn"],

[class*="cs-white-btn"],

[class*="cs-black-outline-btn"],

[class*="cs-white-outline-btn"],

.cs-outline-btn-1,

.cs-third-btn-1,

.cs-global-upload-btn-1 a,

.cs-global-add-btn-1,

.pr-mega-cta__btn,

.hero-pr__btn,

.cs-car-btn-1,

.cs-apply-form-btn,

.pagination .page-link,

.owl-carousel .owl-nav button,

.owl-carousel .owl-nav [class*="owl-"] {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    vertical-align: middle;

    box-sizing: border-box;

    gap: var(--pr-btn-icon-gap, var(--pr-space-2));

    line-height: var(--pr-leading-snug, 1.35);

}



/* İkon + metin — ikon küçülmesin, metin esnesin */

[class*="cs-primary-btn"] > i,

[class*="cs-secondary-btn"] > i,

[class*="cs-white-btn"] > i,

.btn > i,

.hero-pr__btn > i {

    flex-shrink: 0;

    line-height: 1;

}



[class*="cs-primary-btn"] > span,

[class*="cs-secondary-btn"] > span,

[class*="cs-white-btn"] > span,

.btn > span {

    min-width: 0;

}





/* ── Touch / mobil: min 44×44 ──────────────────────────────────────── */

@media (hover: none) and (pointer: coarse),

       (max-width: 767.98px) {



    .btn,

    button.btn,

    a.btn,

    [class*="cs-primary-btn"],

    [class*="cs-secondary-btn"],

    [class*="cs-white-btn"],

    [class*="cs-black-outline-btn"],

    [class*="cs-white-outline-btn"],

    .cs-outline-btn-1,

    .cs-third-btn-1,

    .cs-global-upload-btn-1 a,

    .cs-global-add-btn-1,

    .pr-mega-cta__btn,

    .hero-pr__btn,

    .cs-car-btn-1,

    .cs-apply-form-btn,

    .cs-reload-btn-1,

  .cs-global-croppie-step-2 .cs-white-btn-1,

  .cs-global-croppie-step-2 .cs-primary-btn-2,

    .csld1-col-3 .cs-secondary-btn-1,

    .cs-search-locDate-area-1 .cs-secondary-btn-1 {

        min-height: var(--pr-touch-min);

        min-width: var(--pr-touch-min);

        height: auto;

        padding-block: var(--pr-btn-pad-block);

        white-space: normal;

        text-wrap: balance;

    }



    /* Tam genişlik form / modal butonları — min-height korunur, genişlik serbest */

    .w-100[class*="btn"],

    [class*="btn-"].w-100,

    .form-row > .col-12 [class*="btn"],

    .form-row > .col-12 button[type="submit"],

    .modal-footer .btn,

    .modal-footer [class*="btn"] {

        min-width: 0;

        width: 100%;

        max-width: 100%;

    }



    /* Kare / ikon-only */

    .btn--icon,

    .cs-header-btn-1,

    .cs-header-btn-2,

    .pr-header-toolbar .pr-theme-toggle,

    .cs-humberge-m-1,

    button.cs-humberge-m-1,

    .cs-car-box-1 .like-btn-1,

    .csub1-btn-1,

    .cscub1-delete-btn-1,

    .owl-carousel .owl-nav button,

    .owl-carousel .owl-nav [class*="owl-"] {

        min-width: var(--pr-touch-min);

        min-height: var(--pr-touch-min);

        width: var(--pr-touch-min);

        height: var(--pr-touch-min);

        padding: 0;

        white-space: nowrap;

    }



    /* Header — metinli giriş */

    .cs-header-btn-3 {

        min-height: var(--pr-touch-min);

        min-width: var(--pr-touch-min);

        padding: var(--pr-space-2) var(--pr-space-4);

    }



    .cs-sticky-header-1 .cs-language-select {

        min-height: var(--pr-touch-min);

        height: var(--pr-touch-min);

    }



    .pr-header-toolbar {

        min-height: var(--pr-touch-min);

    }



    /* Pagination */

    .pagination .page-item .page-link {

        min-width: var(--pr-touch-min);

        min-height: var(--pr-touch-min);

        display: inline-flex;

        align-items: center;

        justify-content: center;

    }



    /* Nav tabs (segmented) */

    .cs-navTabs-1 .nav-link,

    .jsTabSliderTab1 .nav-link,

    .jsTabSliderTab2 .nav-link {

        min-height: var(--pr-touch-min);

        display: inline-flex;

        align-items: center;

        justify-content: center;

    }

}





/* ── Uzun buton metni — mobil taşma önleme ───────────────────────── */

@media (max-width: 767.98px) {



    /* Tam genişlik: metin sar, ortalı kal */

    .w-100[class*="btn"],

    [class*="btn-"].w-100,

    .form-row > .col-12 .btn,

    .form-row > .col-12 [class*="cs-primary-btn"],

    .form-row > .col-12 [class*="cs-secondary-btn"],

    .form-row > .col-12 [class*="cs-white-btn"],

    .form-row > .col-12 button[type="submit"],

    .pr-mega-cta__actions .pr-mega-cta__btn,

    .hero-pr__cta .hero-pr__btn,

    .cs-global-croppie-step-2 .form-row > .form-group [class*="btn"],

    .cs-car-btn-group-2 [class*="btn"],

    .modal-footer [class*="btn"],

    .modal-footer .btn {

        white-space: normal;

        word-wrap: break-word;

        overflow-wrap: anywhere;

        hyphens: auto;

        text-wrap: balance;

        max-width: 100%;

        overflow: hidden;

        padding-left: var(--pr-space-4);

        padding-right: var(--pr-space-4);

    }



    /* Dar satır içi butonlar — tek satır ellipsis */

    .cs-header-btn-3,

    .cs-sticky-header-1 .cs-header-row-2 [class*="btn"],

    .action-menu-1 a,

    .cs-global-upload-btn-1 a span {

        max-width: min(100%, 280px);

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    /* Hero CTA stack */

    .hero-pr__cta {

        flex-direction: column;

        align-items: stretch;

        width: 100%;

        max-width: 100%;

    }



    .hero-pr__cta .hero-pr__btn {

        width: 100%;

        max-width: 100%;

    }

}





/* ── Desktop: sabit yükseklik token’ları korunur ───────────────────── */

@media (min-width: 768px) {

    .btn,

    [class*="cs-primary-btn"]:not(.w-100),

    [class*="cs-secondary-btn"]:not(.w-100),

    [class*="cs-white-btn"]:not(.w-100) {

        min-height: var(--_btn-h, var(--pr-control-h-md));

    }

}





/* ── Etkileşimli linkler (metin paragrafı DEĞİL) ─────────────────── */

@media (hover: none) and (pointer: coarse),

       (max-width: 767.98px) {



    .level-link-2,

    .csgdd1-m-l-1,

    .mdd-m-l-1,

    .dropdown-item,

    .cs-footer-menu-1 a,

    .pr-footer__list a,

    .cs-account-sidebar-1 a,

    .cs-dashboard-sidebar-1 a,

    .breadcrumb-item a,

    .cs-global-link-1,

    .cs-upload-label-1 {

        min-height: var(--pr-touch-min);

        display: inline-flex;

        align-items: center;

    }



    /* Full-width row — inline-flex shrink-wraps and parks the submenu chevron on the last letter */

    .level-link-1 {

        display: flex;

        align-items: center;

        width: 100%;

        box-sizing: border-box;

        min-height: 56px;

    }

}



/* Genel metin linklerine min-width UYGULANMAZ — 07-responsive eski kural kaldırıldı */
}

@layer utilities {
/* =====================================================================

   15-media-fit.css  —  Responsive görseller: object-fit + aspect-ratio

   =====================================================================

   Araç: contain (tam araç, kesilmeden) · Logo: contain · Profil: cover

   Basık/uzamış görüntü yok; HTML width/height attr frame içinde ezilir.

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



:root {

    --pr-aspect-vehicle:   16 / 10;

    --pr-aspect-vehicle-sm: 16 / 9;

    --pr-aspect-photo:     4 / 3;

    --pr-aspect-square:    1 / 1;

    --pr-aspect-video:     16 / 9;

}





/* ── Ortak kare — dolgu + merkez ───────────────────────────────────── */

.pr-media-frame,

.cs-car-box-1 .cscb-middle-area-1 .img-div-1,

.cs-car-box-1 .cs-car-imagebox-1,

.cs-vehicle-box-1 .vehicle-image,

.cs-blog-box-1 .cs-blog-imagebox-1,

.cs-blog-box-1 .image-div-1,

.cs-city-box-1 .cs-city-imagebox-1,

.cs-campaign-box-1 .cs-campaign-imagebox-1,

.cs-team-box-1 .cs-team-imagebox-1,

.card .card-media,

.cs-cars-upload-box-1,

.pr-figure {

    position: relative;

    overflow: hidden;

    background: var(--pr-bg-alt);

    isolation: isolate;

}



.pr-media-frame > a,

.pr-media-frame > picture,

.cs-car-box-1 .cscb-middle-area-1 .img-div-1 > a {

    display: block;

    width: 100%;

    height: 100%;

}



/* Frame içi img — global height:auto ezilir, stretch engellenir */

.pr-media-frame > img,

.pr-media-frame > picture > img,

.pr-media-frame > a > img,

.cs-car-box-1 .cs-car-imagebox-1 img,

.cs-vehicle-box-1 .vehicle-image img,

.cs-blog-box-1 .cs-blog-imagebox-1 img,

.cs-city-box-1 .cs-city-imagebox-1 img,

.cs-campaign-box-1 .cs-campaign-imagebox-1 img,

.cs-team-box-1 .cs-team-imagebox-1 img,

.card .card-media img,

.pr-figure > img,

.pr-figure > picture > img {

    display: block;

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    object-position: center;

}



.pr-media-frame > img,

.pr-media-frame > picture > img,

.cs-blog-box-1 .cs-blog-imagebox-1 img,

.cs-city-box-1 .cs-city-imagebox-1 img,

.cs-campaign-box-1 .cs-campaign-imagebox-1 img,

.cs-team-box-1 .cs-team-imagebox-1 img,

.card .card-media img,

.pr-figure > img,

.pr-figure > picture > img {

    object-fit: cover;

}



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

   ARAÇ GÖRSELLERİ — contain, 16:10 (liste) / 16:9 (popup)

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

.img-div-1,

.cs-car-box-1 .cscb-middle-area-1 .img-div-1 {

    aspect-ratio: var(--pr-aspect-vehicle);

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}



.img-div-1 img,

.img-div-1 img.img-fluid,

.img-div-1 a img,

.cs-car-box-1 .cscb-middle-area-1 .img-div-1 img,

.cs-car-box-1 .cscb-middle-area-1 .img-div-1 a img {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;

    object-position: center;

}



.leaflet-popup-content .cs-car-box-1 .cscb-middle-area-1 .img-div-1 {

    aspect-ratio: var(--pr-aspect-vehicle-sm);

}



.cs-car-box-1 .cs-car-imagebox-1 {

    aspect-ratio: var(--pr-aspect-vehicle);

}



/* Araç detay galeri */

.cs-vehicle-detail-sec-1 .cs-vehicle-image-1,

.cs-vehicle-detail-sec-1 .cs-vehicle-image-1 img,

.cs-vehicle-detail-sec-1 .vehicle-gallery img,

.cs-vehicle-detail-sec-1 [class*="vehicle"] img.img-fluid {

    max-width: 100%;

    height: auto;

    object-fit: contain;

    object-position: center;

}



.cs-vehicle-detail-sec-1 .cs-vehicle-image-1 {

    aspect-ratio: var(--pr-aspect-vehicle);

    overflow: hidden;

    display: block;

    background: var(--pr-bg-alt);

}



.cs-vehicle-detail-sec-1 .cs-vehicle-image-1 img {

    width: 100%;

    height: 100%;

}





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

   LOGOLAR — contain, oran korunur

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

.cs-main-logo-1,

.pr-footer__logo {

    display: inline-flex;

    align-items: center;

    flex-shrink: 0;

    line-height: 0;

}



.cs-main-logo-1 img,

.pr-footer__logo img,

.cs-footer-1 .cs-main-logo-1 img,

footer .cs-main-logo-1 img,

.cs-partner-logo-1 img,

[class*="partner"] img.logo,

.download-app-i-1 img,

.home-app-store-badge img,

.home-google-play-badge img {

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: var(--pr-logo-max-h, 48px);

    object-fit: contain;

    object-position: left center;

}



.cs-sticky-header-1 .cs-main-logo-1 img {

    --pr-logo-max-h: 40px;

    max-height: 40px;

    width: auto;

}



.pr-footer__logo img {

    --pr-logo-max-h: 56px;

    max-height: 56px;

    object-position: left center;

}



@media (max-width: 767.98px) {

    .cs-main-logo-1 img {

        max-height: 36px;

    }

}





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

   PROFİL FOTOĞRAFLARI — cover, kare / yuvarlak

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

.user-profile-1,

.cs-header-btn-4 .image-d-1,

.cs-header-btn-4 .fake-char-i-1,

.cs-account-imgd-1,

.supplier-profile-1,

[class*="profile"] .user-profile-1 {

    aspect-ratio: var(--pr-aspect-square);

    overflow: hidden;

    flex-shrink: 0;

    background-position: center center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

}



.user-profile-1 img,

.cs-header-btn-4 .image-d-1 img,

.cs-account-imgd-1 img {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    object-fit: cover;

    object-position: center;

    display: block;

}



.cs-homepage-sec-6 .cs-comment-box-1 .user-profile-1 {

    border-radius: var(--pr-r-lg);

}



.cs-header-btn-4 .image-d-1,

.cs-header-btn-4 .fake-char-i-1 {

    border-radius: var(--pr-r-full);

    width: 100%;

    height: 100%;

}





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

   KART / BLOG / ŞEHİR — cover + aspect

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

.cs-blog-box-1 .cs-blog-imagebox-1,

.cs-blog-box-1 .image-div-1,

.cs-city-box-1 .cs-city-imagebox-1,

.cs-campaign-box-1 .cs-campaign-imagebox-1,

.p-home-city-card .image-div-1,

.p-home-campaign-card .image-div-1 {

    aspect-ratio: var(--pr-aspect-photo);

}



.cs-homepage-sec-10 .blogSlider1 .cs-blog-box-1 .image-div-1 {

    aspect-ratio: var(--pr-aspect-vehicle);

    min-height: 0;

    background-size: cover !important;

    background-position: center center !important;

}



.cs-blog-box-1 .image-div-1 img,

.p-home-city-card .image-div-1 img,

.p-home-campaign-card .image-div-1 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}





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

   İÇERİK / HERO GÖRSELLERİ — cover, taşma clip

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

.cs-homepage-sec-6-hero-image,

.cs-homepage-sec-7-hero-image,

.bg-image-1,

.image-d-1:not(.cs-header-btn-4 .image-d-1),

.cs-slider-cont-1 .bg-image-1 {

    overflow: hidden;

    border-radius: inherit;

}



.cs-homepage-sec-6-hero-image img,

.cs-homepage-sec-7-hero-image img,

.bg-image-1 img,

.image-d-1 img:not(.cs-header-btn-4 .image-d-1 img) {

    width: 100%;

    height: auto;

    max-width: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

}



/* Sabit yükseklikli hero slide arka planı — 04-pages hero-pr__bg zaten cover */





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

   YÜKLEME ÖNİZLEME / UPLOAD — 11-upload ile uyumlu pekiştirme

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

.cs-cars-upload-box-1 {

    aspect-ratio: var(--pr-aspect-photo);

    background-size: cover !important;

    background-position: center center !important;

}



.cs-input-box-dashed-1[style*="background-image"] {

    background-size: cover !important;

    background-position: center center !important;

}





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

   DOĞAL AKIŞ — makale / inline (çerçevesiz) görseller

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

.prose img,

.cs-blog-detail-1 img:not([class]),

article img:not([class]),

.in-content-1 img {

    width: auto;

    max-width: 100%;

    height: auto;

    object-fit: contain;

}





/* ── Yardımcı sınıflar (Blade opt-in) ──────────────────────────────── */

.u-object-cover   { object-fit: cover !important; }

.u-object-contain { object-fit: contain !important; }

.u-object-center  { object-position: center !important; }



.u-media-vehicle { aspect-ratio: var(--pr-aspect-vehicle); }

.u-media-square  { aspect-ratio: var(--pr-aspect-square); }

.u-media-photo   { aspect-ratio: var(--pr-aspect-photo); }



@media (prefers-reduced-motion: reduce) {

    .cs-car-box-1:hover .cscb-middle-area-1 .img-div-1 img,

    .cs-car-box-1:hover .cs-car-imagebox-1 img {

        transform: none;

    }

}
}

@layer responsive {
/* =====================================================================

   07-responsive.css  —  Mobile-first responsive layer

   ---------------------------------------------------------------------

   Strateji: Default kurallar 320px+ için yazıldı (mobile-first).

   Tablet/desktop için min-width media query'leri ile genişletilir.

   Grid kırılımları (md/xl kademeli): 22-breakpoints.css

   Bu dosya genel responsive düzeltmeleri taşır.

   ---------------------------------------------------------------------

   Breakpoint sistemi (tutarlılık için 07-responsive.css'te tek liste):

     base : >= 320px   (default — küçük telefonlar dahil)

     sm   : >= 480px   (büyük telefonlar)

     md   : >= 768px   (tablet portrait)

     lg   : >= 1024px  (tablet landscape / küçük desktop)

     xl   : >= 1280px  (desktop)

     2xl  : >= 1536px  (geniş ekran)

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





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

   ━━━━━ DEFAULT (mobile-first, hiç media query'siz) ━━━━━

   320px+ tüm cihazlar için temel düzeltmeler

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





/* ── Genel taşma kilidi ────────────────────────────────────────────── */

html {

    max-width: 100%;

    overflow-x: visible;

}



body {

    max-width: 100%;

    overflow-x: clip;

    overflow-x: hidden;

}



img,

video,

iframe,

embed,

object,

canvas,

svg {

    max-width: 100%;

    height: auto;

}



/* Sabit width="..." attribute'larını ezerek responsive yap.

   Önemli: HTML'deki width=530 gibi attribute'lar bazı tarayıcılarda

   img-fluid'i geçer. Bunu ezmek için max-width zorunlu. */

img[width],

img[height] {

    max-width: 100%;

    height: auto;

}





/* ── Tablo overflow → yatay scroll (mobil reflow) ──────────────────── */

.table-responsive,

table.cs-responsive-table,

[id$="DetailTable"] {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

}





/* ── Form input minimum font 16px (iOS zoom prevention) ────────────── */

input,

select,

textarea,

input.form-control,

select.form-control,

textarea.form-control {

    font-size: 16px;

}





/* Touch hedefleri → 14-touch-targets.css (tüm `a` seçicisi kaldırıldı — layout kırılıyordu) */

@media (hover: none) and (pointer: coarse) {

    /* Hover durumlarını touch'ta sıfırla (sticky :hover engellenir) */

    .btn:hover,

    button.btn:hover,

    .cs-primary-btn-1:hover,

    .cs-secondary-btn-1:hover,

    .card:hover,

    .card.card--interactive:hover,

    .cs-car-box-1:hover,

    .cs-vehicle-box-1:hover,

    .cs-blog-box-1:hover,

    .cs-team-box-1:hover,

    .cs-card-box-1:hover,

    .cs-card-box-2:hover,

    .cs-city-box-1:hover,

    .cs-campaign-box-1:hover,

    .cs-aub-item-1:hover,

    .cs-career-item-1:hover,

    .cs-career-advert-itembox-1:hover,

    .cs-feature-card-1:hover {

        transform: none;

        box-shadow: var(--pr-card-shadow);

    }

}





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

   ━━━━━ MOBİL (< 768px — tüm telefonlar) ━━━━━

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

@media (max-width: 767.98px) {



    body {

        font-size: 14px;

    }



    h1 {

        font-size: 28px;

        line-height: 1.15;

        letter-spacing: var(--pr-track-tight);

    }



    h2 { font-size: 22px; line-height: 1.2; }

    h3 { font-size: 18px; line-height: 1.3; }

    h4 { font-size: 16px; }

    h5 { font-size: 15px; }





    /* ── Container / row ───────────────────────────────────────────── */

    .container,

    .container-fluid,

    .container-2 {

        padding-left: 16px;

        padding-right: 16px;

    }



    /* Row negatif margin kaldırıldı — yatay taşma (13-overflow-guard.css) */

    .row {

        margin-left: 0;

        margin-right: 0;

    }



    .row > [class*="col-"] {

        padding-left: var(--pr-space-3);

        padding-right: var(--pr-space-3);

    }





    /* ── Section spacing reduction ─────────────────────────────────── */

    .cs-section,

    section[class*="-sec-"],

    .cs-homepage-sec-1,

    .cs-homepage-sec-2,

    .cs-homepage-sec-3,

    .cs-homepage-sec-4,

    .cs-homepage-sec-5,

    .cs-homepage-sec-6,

    .cs-homepage-sec-7,

    .cs-homepage-sec-8 {

        padding-top: 40px;

        padding-bottom: 40px;

    }





    /* ── Header sticky compact ─────────────────────────────────────── */

    .cs-sticky-header-1 {

        padding-top: 0;

        padding-bottom: 0;

    }



    .cs-sticky-header-1 .container,

    .cs-sticky-header-1 .container-2 {

        padding-left: 12px;

        padding-right: 12px;

    }



    .cs-header-row-1 {

        align-items: center;

    }





    /* ── Logo ölçeklemesi (sabit width="191" attr override) ───────── */

    .cs-main-logo-1 img {

        width: auto;

        max-width: 110px;

        height: 36px;

        object-fit: contain;

    }





    /* ── Desktop nav menüsü gizle ──────────────────────────────────── */

    .cs-main-nav-1,

    .cshr1-col-2 {

        display: none;

    }





    /* ── Header sağ kolonu sıkıştır ────────────────────────────────── */

    .cshr1-col-3 {

        margin-left: auto;

    }



    .pr-header-actions,

    .cs-header-row-2 {

        gap: 4px;

        align-items: center;

    }



    .cshr2-col-1,

    .cshr2-col-2,

    .cshr2-col-3 {

        flex: 0 0 auto;

    }



    /* Header ikon butonları — 44×44 dokunmatik hedef */

    .cs-header-btn-1,

    .cs-header-btn-2 {

        width: var(--pr-touch-min);

        height: var(--pr-touch-min);

        min-width: var(--pr-touch-min);

        min-height: var(--pr-touch-min);

        padding: 0;

    }



    .cs-header-btn-3 {

        padding: var(--pr-space-2) var(--pr-space-4);

        font-size: var(--pr-text-sm);

        min-height: var(--pr-touch-min);

    }



    /* Logged-in profile mini */

    .cs-header-btn-4 .name-d-1 {

        display: none;

    }



    .cs-header-btn-4 .image-d-1 img,

    .cs-header-btn-4 .fake-char-i-1 {

        width: 36px;

        height: 36px;

    }





    /* ── Language + theme toolbar (mobil hizalama) ─────────────────── */

    .pr-header-toolbar {

        gap: var(--pr-space-1);

        min-height: var(--pr-touch-min);

    }



    .pr-header-toolbar .pr-theme-toggle {

        width: var(--pr-touch-min);

        height: var(--pr-touch-min);

        min-width: var(--pr-touch-min);

        min-height: var(--pr-touch-min);

        margin: 0;

    }



    .cs-sticky-header-1 .cs-language-select {

        height: var(--pr-touch-min);

        min-height: var(--pr-touch-min);

        min-width: 52px;

        padding: 0 26px 0 10px;

        font-size: 12px;

        font-weight: var(--pr-fw-semibold);

        background-position: right 10px center, right 6px center;

    }





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

       PREMIUM MOBILE NAVBAR (≤991px)

       -----------------------------------------------------------

       Apple/Tesla'a yakın, profesyonel hamburger drawer:

         • Hamburger:  iki çizgi → X dönüşümü, smooth

         • Drawer:     fullscreen translate-Y, glass blur, soft fade

         • Items:      large typography, generous tap zones, divider

         • Submenu:    yumuşak slide-down, indent ile hiyerarşi

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

    .cs-humberge-m-1 {

        display: flex !important;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        width: 44px;

        height: 44px;

        border-radius: var(--pr-r-md);

        cursor: pointer;

        gap: 5px;

        transition: background var(--pr-dur-fast) var(--pr-ease);

    }



    .cs-humberge-m-1:active {

        background: var(--pr-brand-soft);

    }



    .cs-humberge-m-1-top,

    .cs-humberge-m-1-bottom {

        width: 22px;

        height: 2px;

        background: var(--pr-ink);

        border-radius: 2px;

        transform-origin: center;

        transition: transform var(--pr-dur-base) var(--pr-ease),

                    width var(--pr-dur-base) var(--pr-ease);

    }



    /* Idle state: alt çizgi biraz daha kısa (Apple usulü asimetri) */

    .cs-humberge-m-1:not(.is-active) .cs-humberge-m-1-bottom {

        width: 16px;

    }



    /* Active state: X dönüşümü */

    .cs-humberge-m-1.is-active .cs-humberge-m-1-top {

        transform: translateY(3.5px) rotate(45deg);

    }



    .cs-humberge-m-1.is-active .cs-humberge-m-1-bottom {

        width: 22px;

        transform: translateY(-3.5px) rotate(-45deg);

    }





    /* ── Drawer container (cs-mobile-menu-d-1) ──────────────────── */

    .cs-mobile-menu-d-1 {

        position: fixed;

        left: 0;

        right: 0;

        top: var(--pr-header-offset, var(--pr-header-h-mobile));

        height: 0;

        max-width: 100vw;

        max-height: calc(100dvh - var(--pr-header-offset, var(--pr-header-h-mobile)));

        background: rgba(255, 255, 255, 0.96);

        -webkit-backdrop-filter: saturate(180%) blur(24px);

                backdrop-filter: saturate(180%) blur(24px);

        box-shadow: 0 24px 60px rgba(17, 24, 39, 0.14);

        overflow: hidden;

        opacity: 0;

        visibility: hidden;

        transform: translateY(-6px);

        transition: height var(--pr-dur-base) var(--pr-ease),

                    opacity var(--pr-dur-base) var(--pr-ease),

                    transform var(--pr-dur-base) var(--pr-ease),

                    visibility 0s linear var(--pr-dur-base);

        z-index: calc(var(--pr-z-sticky) - 1);

        pointer-events: none;

    }



    .cs-mobile-menu-d-1.active {

        height: calc(100dvh - var(--pr-header-offset, var(--pr-header-h-mobile)));

        overflow-y: auto;

        opacity: 1;

        visibility: visible;

        transform: translateY(0);

        pointer-events: auto;

        transition-delay: 0s;

        -webkit-overflow-scrolling: touch;

        overscroll-behavior: contain;

    }



    /* Drawer dekoratif SVG'leri gizle (mobile content odaklı kalsın) */

    .cs-mobile-menu-d-1 .image-area-1 {

        display: none;

    }



    .cs-mobile-menu-d-1 .content-area-1 {

        padding: 24px 24px 40px;

        padding-bottom: max(40px, env(safe-area-inset-bottom));

    }



    .cs-mobile-menu-1,

    .cs-mobile-nav-1 ul {

        list-style: none;

        margin: 0;

        padding: 0;

    }





    /* Level 1 items — büyük, premium tipografi */

    .cs-mobile-menu-1 .level-1 {

        border-bottom: 1px solid var(--pr-line);

    }



    .cs-mobile-menu-1 .level-1:last-child {

        border-bottom: 0;

    }



    /* Yumuşak fade-in cascade (drawer açılınca her item sırayla görünür) */

    .cs-mobile-menu-d-1.active .cs-mobile-menu-1 .level-1 {

        animation: pr-mobile-item-in var(--pr-dur-slow) var(--pr-ease) backwards;

    }



    .cs-mobile-menu-d-1.active .cs-mobile-menu-1 .level-1:nth-child(1) { animation-delay: 60ms; }

    .cs-mobile-menu-d-1.active .cs-mobile-menu-1 .level-1:nth-child(2) { animation-delay: 110ms; }

    .cs-mobile-menu-d-1.active .cs-mobile-menu-1 .level-1:nth-child(3) { animation-delay: 160ms; }

    .cs-mobile-menu-d-1.active .cs-mobile-menu-1 .level-1:nth-child(4) { animation-delay: 210ms; }

    .cs-mobile-menu-d-1.active .cs-mobile-menu-1 .level-1:nth-child(5) { animation-delay: 260ms; }



    @keyframes pr-mobile-item-in {

        0%   { opacity: 0; transform: translateX(-12px); }

        100% { opacity: 1; transform: translateX(0); }

    }



    .level-link-1 {

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 12px;

        padding: 18px 0;

        color: var(--pr-ink);

        font-size: 18px;

        font-weight: 600;

        letter-spacing: var(--pr-track-tight);

        min-height: 56px;

        text-decoration: none;

        transition: color var(--pr-dur-fast) var(--pr-ease),

                    padding-left var(--pr-dur-base) var(--pr-ease);

    }



    .level-link-1:hover,

    .level-link-1.active {

        color: var(--pr-brand);

        padding-left: 4px;

    }



    /* Submenu indicator (chevron) — flex item on the right; kill main.min absolute */

    .dd-menu-l-1::after,

    .cs-mobile-menu-1 .dd-menu-l-1::after {

        content: '';

        position: static;

        right: auto;

        top: auto;

        font-family: inherit;

        font-size: 0;

        line-height: 0;

        width: 8px;

        height: 8px;

        flex: 0 0 auto;

        margin-left: auto;

        border-right: 2px solid currentColor;

        border-bottom: 2px solid currentColor;

        transform: rotate(-45deg);

        opacity: 0.5;

        transition: transform var(--pr-dur-base) var(--pr-ease),

                    opacity var(--pr-dur-fast) var(--pr-ease);

    }



    .dd-menu-l-1:hover::after,

    .cs-mobile-menu-1 .dd-menu-l-1:hover::after {

        opacity: 1;

    }



    .dd-menu-l-1.active::after,

    .cs-mobile-menu-1 .dd-menu-l-1.active::after {

        transform: rotate(45deg);

        opacity: 1;

    }



    .dd-menu-d-1 {

        display: none;

    }



    .dd-menu-1 {

        list-style: none;

        margin: 0 0 0 2px;

        padding: 2px 0 8px 12px;

        border-left: 2px solid var(--pr-brand-soft);

        background: transparent;

        border-radius: 0;

        box-shadow: none;

    }



    .cs-mobile-menu-1 .dd-menu-d-1 {

        background: transparent;

        border: 0;

        border-radius: 0;

        box-shadow: none;

        padding: 0 0 8px;

    }



    .level-link-2 {

        display: block;

        padding: 12px 16px;

        color: var(--pr-text-muted);

        font-size: 15px;

        font-weight: 500;

        min-height: 44px;

        text-decoration: none;

        border-radius: var(--pr-r-md);

        transition: color var(--pr-dur-fast) var(--pr-ease),

                    background var(--pr-dur-fast) var(--pr-ease);

    }



    .level-link-2:hover,

    .level-link-2.active {

        color: var(--pr-brand);

        background: var(--pr-brand-soft);

    }





    /* Body scroll lock — kaydırma + layout shift önleme */

    html.pr-scroll-locked,

    body.pr-scroll-locked,

    body.mobile-overflow-h {

        overflow: hidden;

        height: 100%;

    }



    body.pr-scroll-locked,

    body.mobile-overflow-h {

        position: fixed;

        left: 0;

        right: 0;

        width: 100%;

        touch-action: none;

    }



    /* Drawer açıkken header cam efekti */

    body.pr-scroll-locked .cs-sticky-header-1,

    body.mobile-overflow-h .cs-sticky-header-1,

    .cs-sticky-header-1.is-menu-open {

        background: rgba(255, 255, 255, 0.94);

        -webkit-backdrop-filter: saturate(180%) blur(22px);

                backdrop-filter: saturate(180%) blur(22px);

        border-bottom: 1px solid var(--pr-line);

    }



    /* Mobil menü açıkken arka plan overlay (içerik kayması hissi azalır) */

    body.pr-scroll-locked::before,

    body.mobile-overflow-h::before {

        content: "";

        position: fixed;

        inset: 0;

        background: rgba(17, 24, 39, 0.28);

        z-index: calc(var(--pr-z-sticky) - 2);

        pointer-events: none;

    }





    /* ── Signal (radar) panel — mobile full-screen overlay ─────────── */

    .cs-signal-cont-1 .cssc1-d-1 {

        position: fixed;

        left: 0;

        right: 0;

        top: 60px;

        bottom: 0;

        max-width: 100vw;

        max-height: calc(100vh - 60px);

        background: var(--pr-surface);

        overflow-y: auto;

        padding: 16px;

        z-index: calc(var(--pr-z-modal) - 1);

    }



    /* Slider value indicator — taşan inline style fix */

    .distanceSignalVal {

        position: static;

        display: inline-block;

        font-weight: 600;

        color: var(--pr-brand);

        margin-bottom: 8px;

    }





    /* ── User dropdowns mobile full-width ──────────────────────────── */

    .cs-globe-dd-1 .csgdd1-d-1,

    .main-li-1 .main-dd-d-1 {

        position: fixed;

        left: 8px;

        right: 8px;

        top: 64px;

        width: auto;

        background: var(--pr-surface);

        border-radius: var(--pr-r-lg);

        box-shadow: var(--pr-shadow-lg);

        padding: 8px;

        z-index: var(--pr-z-dropdown);

    }





    /* ── Buttons full-width on phones ──────────────────────────────── */

    .btn,

    .cs-primary-btn-1,

    .cs-secondary-btn-1,

    .cs-third-btn-1 {

        padding: 12px 18px;

        font-size: 14px;

    }





    /* ── Cards mobile  — radius/pad küçültme + alt aralık ────────── */

    .card,

    .cs-car-box-1,

    .cs-vehicle-box-1,

    .cs-blog-box-1,

    .cs-team-box-1,

    .cs-faq-box-1,

    .cs-history-card-1,

    .cs-card-box-1,

    .cs-card-box-2,

    .cs-comment-box-1,

    .cs-city-box-1,

    .cs-campaign-box-1,

    .cs-aub-item-1,

    .cs-career-item-1,

    .cs-career-advert-itembox-1,

    .cs-cd-infobox-1,

    .cs-loan-item-1,

    .cs-speech-info-box-1,

    .cs-speech-info-box-2,

    .cs-notification-list-item-1,

    .cs-feature-card-1 {

        border-radius: var(--pr-card-radius-sm);

        margin-bottom: 16px;

    }



    .card .card-body,

    .card--feature {

        padding: var(--pr-card-pad-sm);

    }



    .card .card-title {

        font-size: var(--pr-display-xs);

    }





    /* ── Hero / banner image scaling ───────────────────────────────── */

    [class*="-hero"]:not(.hero-pr) img,

    [class*="-hero-image"] img,

    .cs-homepage-sec-1:not(.hero-pr) img,

    .cs-homepage-sec-2 img,

    .cs-homepage-sec-6 img,

    .cs-homepage-sec-7 img {

        width: 100%;

        height: auto;

        max-width: 100%;

    }



    /* App store / Google Play badges — yan yana ama wrap'le */

    .home-app-store-badge,

    .home-google-play-badge,

    [src*="app-store-badge"],

    [src*="google-play-badge"] {

        max-width: 140px;

        height: auto;

    }





    /* ── Background-image hero containment ─────────────────────────── */

    [style*="background-image"] {

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

    }





    /* ── Filter / sidebar collapse ─────────────────────────────────── */

    .cs-rent-sidebar-1,

    .cs-filter-area-1,

    .cs-account-sidebar-1,

    .cs-dashboard-sidebar-1 {

        margin-bottom: 24px;

        position: static;

    }





    /* ── Vehicle list  → mobilde yatay swipe (scroll-snap) ──────────

       3+ kolon yerine: ekran boyu kart + smooth snap.

       Kullanıcı parmağıyla kaydırır, her kart ortaya snap olur.

       Kapsam: rent/index.blade.php, account/favorite.blade.php       */

    .cs-rentcar-section-2 .cs-list-row-1,

    .cs-favorite-list,

    .vehicle-list {

        display: flex;

        grid-template-columns: none;

        gap: var(--pr-list-gap);

        overflow-x: auto;

        overflow-y: hidden;

        width: 100%;

        max-width: 100%;

        padding: 0 0 var(--pr-space-2);

        margin: 0;

        scroll-snap-type: x mandatory;

        scroll-padding: var(--pr-space-2);

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;

    }



    .cs-rentcar-section-2 .cs-list-row-1::-webkit-scrollbar,

    .cs-favorite-list::-webkit-scrollbar,

    .vehicle-list::-webkit-scrollbar {

        display: none;

    }



    .cs-rentcar-section-2 .cs-list-row-1 > .cslr1-col-1,

    .cs-favorite-list > .cslr1-col-1,

    .vehicle-list > .cslr1-col-1 {

        flex: 0 0 86%;

        max-width: 86%;

        scroll-snap-align: start;

        scroll-snap-stop: always;

    }



    /* Tek kart varsa swipe gerekmez — full width */

    .cs-rentcar-section-2 .cs-list-row-1 > .cslr1-col-1:only-child,

    .cs-favorite-list > .cslr1-col-1:only-child,

    .vehicle-list > .cslr1-col-1:only-child {

        flex: 0 0 100%;

        max-width: 100%;

    }



    /* Mobilde fiyat alt-etiketini gizle (kompakt) */

    .cs-car-box-1 .cscb-bottm-area-1 .desc-2::before {

        display: none;

    }



    /* Mobilde info chip 2 kolon → 4 kolon (daha tight) */

    .cs-car-box-1 .cscb-middle-area-1 .info-div-1 .info-drow-1 {

        gap: 6px;

    }





    /* ── Map height limit ──────────────────────────────────────────── */

    .cs-rent-map,

    #map,

    .leaflet-container {

        height: 50vh;

        min-height: 320px;

        max-height: 520px;

        border-radius: var(--pr-r-lg);

    }





    /* ── Modal full-page feel ──────────────────────────────────────── */

    .modal-dialog {

        margin: 12px;

        max-width: calc(100% - 24px);

    }



    .modal-content {

        border-radius: var(--pr-r-xl);

    }



    .modal-body {

        padding: 16px;

    }





    /* ── Footer — legacy list padding sıfırla ──────────────────────── */

    .pr-footer ul,

    .cs-footer-1 ul {

        padding-left: 0;

        margin-bottom: 0;

    }



    .pr-footer .cs-footer-menu-1 li,

    .pr-footer .pr-footer__list li {

        margin-bottom: 0;

    }





    /* ── Pagination compact ────────────────────────────────────────── */

    .pagination .page-item .page-link {

        padding: 6px 10px;

        margin: 0 2px;

        font-size: 13px;

    }





    /* ── Inline style overrides (Blade'lerde gözlenen sorunlar) ────── */

    /* home.blade.php L402: <p style="margin-bottom: 60px"> */

    .cs-homepage-sec-6 .cs-global-desc-1[style*="margin-bottom"] {

        margin-bottom: 24px;

    }



    /* vehicle/rent.blade.php L207: <table style="width: 100%"> */

    #rentDetailTable {

        font-size: 13px;

    }



    #rentDetailTable td {

        padding: 6px 4px;

    }



    /* vehicle/rent.blade.php L143: <iframe style="border:0"> map */

    .cs-list-map-1 {

        width: 100%;

        height: 220px;

        max-width: 100%;

    }





    /* ── Disable hover lift on touch ───────────────────────────────── */

    .card:hover,

    .card.card--interactive:hover,

    .cs-car-box-1:hover,

    .cs-vehicle-box-1:hover,

    .cs-blog-box-1:hover,

    .cs-team-box-1:hover,

    .cs-card-box-1:hover,

    .cs-card-box-2:hover,

    .cs-city-box-1:hover,

    .cs-campaign-box-1:hover,

    .cs-aub-item-1:hover,

    .cs-career-item-1:hover,

    .cs-career-advert-itembox-1:hover,

    .cs-feature-card-1:hover {

        transform: none;

    }



    /* Image zoom & CTA glow touch'ta nötr */

    .cs-car-box-1:hover .cscb-middle-area-1 .img-div-1 img {

        transform: none;

        filter: drop-shadow(0 14px 18px rgba(10, 10, 11, 0.16));

    }



    .cs-car-box-1:hover .cscb-bottm-area-1 .quick-cta {

        transform: none;

        background: var(--pr-brand);

        box-shadow: 0 2px 6px rgba(var(--pr-brand-rgb), 0.20);

    }

}





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

   ━━━━━ KÜÇÜK TELEFON (< 480px — iPhone SE / küçük Android) ━━━━━

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

@media (max-width: 479.98px) {



    body {

        font-size: var(--pr-text-sm);

        line-height: var(--pr-leading-relaxed);

    }



    /* Fluid token'lar mobilde zaten küçülür; sabit px override kaldırıldı */



    .container,

    .container-fluid {

        padding-left: 12px;

        padding-right: 12px;

    }



    .row {

        margin-left: 0;

        margin-right: 0;

    }



    .row > [class*="col-"] {

        padding-left: var(--pr-space-3);

        padding-right: var(--pr-space-3);

    }





    /* Logo daha kompakt */

    .cs-main-logo-1 img {

        max-width: 100px;

        height: 32px;

    }



    /* Header butonları — küçük ekranda da 44px */

    .cs-header-btn-1,

    .cs-header-btn-2 {

        width: var(--pr-touch-min);

        height: var(--pr-touch-min);

    }



    .cs-header-btn-3 {

        padding: var(--pr-space-2) var(--pr-space-3);

        font-size: var(--pr-text-sm);

        min-height: var(--pr-touch-min);

    }





    /* Buttons: full-width tek başlarına */

    .form-row > .col-12 .btn,

    .form-row > .col-12 .cs-primary-btn-1,

    .form-row > .col-12 .cs-secondary-btn-1,

    .form-row > .col-12 .cs-white-btn-1,

    .form-row > .col-12 button[type="submit"] {

        width: 100%;

    }





    /* Modal margin tighter */

    .modal-dialog {

        margin: 8px;

        max-width: calc(100% - 16px);

    }



    .modal-body {

        padding: 14px;

    }



    .modal-header,

    .modal-footer {

        padding: 12px 14px;

    }





    /* Hero sections shorter — tam ekran hero hariç */

    [class*="-hero"]:not(.hero-pr),

    .cs-homepage-sec-1:not(.hero-pr) {

        padding-top: 32px;

        padding-bottom: 32px;

    }





    /* Auth card padding compact */

    .cs-auth-card-1,

    .cs-login-form-1,

    .cs-register-form-1 {

        padding: 24px 20px;

        border-radius: var(--pr-r-xl);

    }





    /* Section spacing tighter */

    .cs-section,

    section[class*="-sec-"] {

        padding-top: 32px;

        padding-bottom: 32px;

    }

}





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

   ━━━━━ TABLET PORTRAIT (768px ↔ 1023px) ━━━━━

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

@media (min-width: 768px) and (max-width: 1023.98px) {



    .container,

    .container-fluid {

        padding-left: 24px;

        padding-right: 24px;

    }



    /* Mobile menu drawer hâlâ kullanılabilir, desktop nav gizli kalmalı

       eğer header.blade'de breakpoint farklıysa override edilebilir. */



    /* Sidebar / sticky elemanları normalize et */

    .cs-payment-summary-1,

    .cs-checkout-summary-1 {

        position: static;

    }



    /* Auth card */

    .cs-auth-card-1,

    .cs-login-form-1,

    .cs-register-form-1 {

        max-width: 480px;

    }



    /* Section spacing intermediate */

    .cs-section,

    section[class*="-sec-"] {

        padding-top: 56px;

        padding-bottom: 56px;

    }



    /* Hero headline — fluid token'lar hero-pr'de yönetilir */

    [class*="-hero"]:not(.hero-pr) h1,

    .cs-homepage-sec-1:not(.hero-pr) h1 {

        font-size: 36px;

    }

}





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

   ━━━━━ TABLET LANDSCAPE / KÜÇÜK DESKTOP (1024px ↔ 1279px) ━━━━━

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

@media (min-width: 1024px) and (max-width: 1279.98px) {



    .container {

        max-width: 100%;

        padding-left: 24px;

        padding-right: 24px;

    }



    .cs-section,

    section[class*="-sec-"] {

        padding-top: 64px;

        padding-bottom: 64px;

    }



    /* Footer heading'ler — 02-layout.css zaten 13px uppercase override ediyor;

       burada agresif font-size override'ı KALDIRILDI (premium tasarım korunsun). */

}





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

   ━━━━━ DESKTOP (1280px+) ━━━━━

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

@media (min-width: 1280px) {



    .container {

        max-width: var(--pr-container-max);

        padding-left: 24px;

        padding-right: 24px;

    }



    .cs-section,

    section[class*="-sec-"] {

        padding-top: 80px;

        padding-bottom: 80px;

    }

}





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

   ━━━━━ LANDSCAPE PHONE (yatay telefon — düşük yükseklik) ━━━━━

   Hero'larda min-height: 80vh kullanan auth ekranları taşmasın

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

@media (max-height: 480px) and (orientation: landscape) {



    .cs-auth-sec-1,

    .cs-login-sec-1,

    .cs-register-sec-1 {

        min-height: auto;

        padding-top: 24px;

        padding-bottom: 24px;

    }



    .cs-mobile-menu-d-1 .content-area-1 {

        padding-bottom: 64px;

    }

}





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

   ━━━━━ HIGH-DPI (retina) ━━━━━

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

@media (-webkit-min-device-pixel-ratio: 2),

       (min-resolution: 192dpi) {



    img {

        image-rendering: -webkit-optimize-contrast;

    }

}





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

   ━━━━━ SAFE-AREA (iOS notch / Android cutout) ━━━━━

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

@supports (padding: max(0px)) {



    .cs-sticky-header-1 {

        padding-top:   env(safe-area-inset-top);

        padding-left:  env(safe-area-inset-left);

        padding-right: env(safe-area-inset-right);

    }



    body {

        padding-left:  env(safe-area-inset-left);

        padding-right: env(safe-area-inset-right);

    }



    .cs-footer-1,

    footer {

        padding-bottom: max(24px, env(safe-area-inset-bottom));

    }



    .cs-cookie-banner-1,

    #cookie-banner,

    .cs-global-area-1 .cs-cookie-fly-d-1 {

        padding-bottom: max(16px, env(safe-area-inset-bottom));

    }



    .cs-mobile-menu-d-1 {

        padding-bottom: env(safe-area-inset-bottom);

    }

}





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

   ━━━━━ REDUCED-MOTION ━━━━━

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

@media (prefers-reduced-motion: reduce) {



    .cs-mobile-menu-d-1,

    .dd-menu-d-1,

    .cs-humberge-m-1-top,

    .cs-humberge-m-1-bottom {

        transition: none;

    }

}





/* Inline style override'ları → 19-cleanup.css */
}

@layer responsive {
/* =====================================================================

   22-breakpoints.css  —  Tablet / katlanabilir / xl grid kırılımları

   ---------------------------------------------------------------------

   Kademeli sütun geçişleri (ani 4→1 değil):

     mobil     → 1 sütun

     sm 480+   → 2 sütun (dar gridler)

     md 768+   → 2 sütun (4'lü gridler tablet)

     lg 1024+  → 3 sütun

     xl 1280+  → 4 sütun (tam masaüstü)



   Yardımcı: .pr-grid-cols-{1|2|3|4} — explicit gridler

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





/* ── Liste kolon min — auto-fill araç kartları için kademeli ───────── */

:root {

    --pr-grid-cols-4: 1;

    --pr-grid-cols-3: 1;

    --pr-grid-cols-2: 1;

}



@media (min-width: 480px) {

    :root {

        --pr-grid-cols-2: 2;

        --pr-grid-cols-3: 2;

        --pr-grid-cols-4: 2;

    }

}



@media (min-width: 768px) {

    :root {

        --pr-list-col-min: 340px;

        --pr-grid-cols-4: 2;

        --pr-grid-cols-3: 2;

        --pr-grid-cols-2: 2;

    }

}



@media (min-width: 1024px) {

    :root {

        --pr-list-col-min: 300px;

        --pr-grid-cols-4: 3;

        --pr-grid-cols-3: 3;

        --pr-grid-cols-2: 2;

    }

}



@media (min-width: 1280px) {

    :root {

        --pr-list-col-min: 280px;

        --pr-grid-cols-4: 4;

        --pr-grid-cols-3: 3;

        --pr-grid-cols-2: 2;

    }

}





/* ── Ortak grid geçişi (gap yumuşak) ───────────────────────────────── */

.pr-grid-cols-1,

.pr-grid-cols-2,

.pr-grid-cols-3,

.pr-grid-cols-4,

.p-home-cities-grid,

.p-home-suppliers-grid,

.p-home-campaign-grid,

.p-home-blog-list,

.p-home-how-grid__items,

.pr-why__grid,

.pr-trust__metrics {

    transition:

        gap var(--pr-dur-interaction) var(--pr-ease-in-out),

        grid-template-columns var(--pr-dur-interaction) var(--pr-ease-in-out);

}





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

   1) 4 SÜTUNLU GRİDLER — şehirler, 4'lü showcase

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



.pr-grid-cols-4,

.p-home-cities-grid {

    display: grid;

    grid-template-columns: repeat(var(--pr-grid-cols-4), minmax(0, 1fr));

    gap: var(--pr-list-gap);

    align-items: stretch;

}





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

   2) 3 SÜTUNLU GRİDLER — tedarikçi, kampanya, blog

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



.pr-grid-cols-3,

.p-home-suppliers-grid,

.p-home-campaign-grid,

.p-home-blog-list {

    display: grid;

    grid-template-columns: repeat(var(--pr-grid-cols-3), minmax(0, 1fr));

    gap: var(--pr-list-gap);

    align-items: stretch;

}





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

   3) 2 SÜTUNLU GRİDLER

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



.pr-grid-cols-2 {

    display: grid;

    grid-template-columns: repeat(var(--pr-grid-cols-2), minmax(0, 1fr));

    gap: var(--pr-list-gap);

    align-items: stretch;

}





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

   4) WHY / TRUST — özel kırılım

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



.pr-why__grid {

    grid-template-columns: minmax(0, 1fr);

}



@media (min-width: 768px) {

    .pr-why__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}



@media (min-width: 1280px) {

    .pr-why__grid {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}



.pr-trust__metrics {

    grid-template-columns: repeat(2, minmax(0, 1fr));

}



@media (min-width: 480px) {

    .pr-trust__metrics {

        grid-template-columns: repeat(3, minmax(0, 1fr));

    }

}



@media (min-width: 768px) {

    .pr-trust__metrics {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}



@media (min-width: 1280px) {

    .pr-trust__metrics {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}





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

   5) NASIL ÇALIŞIR — 4 adım grid

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



.p-home-how-grid__items {

    display: grid;

    grid-template-columns: minmax(0, 1fr);

    gap: var(--pr-list-gap);

}



@media (min-width: 480px) {

    .p-home-how-grid__items {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}



@media (min-width: 1024px) {

    .p-home-how-grid__items {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}



/* md tablet: 2x2 kalsın (1024'te 4'e çıkar) */





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

   6) ARAÇ LİSTESİ — auto-fill + tablet/desktop sütun ipuçları

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



@media (min-width: 768px) and (max-width: 1023.98px) {

    .cs-rentcar-section-2 .cs-list-row-1,

    .cs-favorite-list,

    .vehicle-list {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}



@media (min-width: 1024px) and (max-width: 1279.98px) {

    .cs-rentcar-section-2 .cs-list-row-1,

    .cs-favorite-list,

    .vehicle-list {

        grid-template-columns: repeat(3, minmax(0, 1fr));

    }

}



@media (min-width: 1280px) {

    .cs-rentcar-section-2 .cs-list-row-1,

    .cs-favorite-list,

    .vehicle-list {

        grid-template-columns: repeat(auto-fill, minmax(var(--pr-list-col-min), 1fr));

    }

}





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

   7) ARAÇ KARTI — bilgi chip'leri tablet

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



@media (max-width: 479.98px) {

    .cs-car-box-1 .cscb-middle-area-1 .info-div-1 .info-drow-1 {

        grid-template-columns: minmax(0, 1fr);

    }

}



@media (min-width: 768px) and (max-width: 1023.98px) {

    .cs-car-box-1 .cscb-middle-area-1 .info-div-1 .info-drow-1 {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}





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

   8) FOOTER GRID — md / lg / xl (02-layout ile uyum)

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



@media (min-width: 768px) and (max-width: 1023.98px) {

    .pr-footer__grid,

    .cs-footer-1 .cs-footer-row-1 {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: var(--pr-list-gap);

    }

}



@media (min-width: 1024px) and (max-width: 1279.98px) {

    .pr-footer__grid,

    .cs-footer-1 .cs-footer-row-1 {

        grid-template-columns: 1.2fr repeat(3, minmax(100px, 1fr)) auto;

        gap: var(--pr-list-gap);

    }

}





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

   9) KATLANABİLİR / GENİŞ TABLET — yatay segment (opsiyonel)

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



@media (horizontal-viewport-segments: 2) and (min-width: 768px) {

    .p-home-cities-grid,

    .p-home-suppliers-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}





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

   10) CONTAINER — md / lg / xl padding

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



@media (min-width: 768px) and (max-width: 1023.98px) {

    .container,

    .container-fluid {

        padding-left: var(--pr-space-6);

        padding-right: var(--pr-space-6);

    }

}



@media (min-width: 1024px) and (max-width: 1279.98px) {

    .container {

        max-width: 100%;

        padding-left: var(--pr-space-6);

        padding-right: var(--pr-space-6);

    }

}





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

   prefers-reduced-motion

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



@media (prefers-reduced-motion: reduce) {

    .pr-grid-cols-1,

    .pr-grid-cols-2,

    .pr-grid-cols-3,

    .pr-grid-cols-4,

    .p-home-cities-grid,

    .p-home-suppliers-grid {

        transition: none;

    }

}
}

@layer responsive {
/* =====================================================================

   23-pixel-perfect.css  —  UI/UX kusursuzlaştırma (pixel-perfect)

   ---------------------------------------------------------------------

   Navbar · Hero · Card · Footer · form chrome — bütünsel hizalama,

   tarayıcı uyumu (Safari / Chrome / Firefox), 1px kayma giderimi.

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





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

   0) GLOBAL — subpixel, flex baseline, tap highlight

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



html {

    -webkit-tap-highlight-color: transparent;

}



body {

    -webkit-text-size-adjust: 100%;

    text-size-adjust: 100%;

}



/* Flex içinde metin + ikon dikey ortalama (Safari baseline sapması) */

:is(

    .btn,

    .cs-primary-btn-1,

    .cs-secondary-btn-1,

    .main-a-1,

    .pr-footer__list a,

    .pr-section-cta,

    .hero-pr__btn,

    .pr-search-card .csib1-col-1 .desc-1

) {

    -webkit-box-align: center;

    align-items: center;

}



/* GPU katmanı yalnızca hero arka planında (kartlarda layout kırılmasın) */

.hero-pr__bg {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}





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

   1) NAVBAR — sabit yükseklik, scroll’da sıçrama yok

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



.cs-sticky-header-1 {

    box-sizing: border-box;

    /* Ölçülen yükseklik (JS) yoksa token */

    min-height: var(--pr-header-offset, var(--pr-header-h));

}



/* Scroll’da padding küçülmesi → 1px layout shift; sabit tut */

.cs-sticky-header-1 .container,

.cs-sticky-header-1 .container-2,

.cs-sticky-header-1.is-scrolled .container,

.cs-sticky-header-1.is-scrolled .container-2 {

    padding-top: var(--pr-space-3);

    padding-bottom: var(--pr-space-3);

}



.cs-sticky-header-1 .cs-header-row-1 {

    min-height: calc(var(--pr-chrome-iconbtn-size) + var(--pr-space-1));

}



.cs-sticky-header-1 .cs-main-menu-1 {

    gap: var(--pr-space-1);

}



.cs-sticky-header-1 .main-a-1 {

    gap: var(--pr-space-2);

    line-height: 1.25;

    -webkit-font-smoothing: antialiased;

}



/* Logo hover: translateY yerine opacity (subpixel titreme yok) */

.cs-sticky-header-1 .cs-main-logo-1:hover {

    transform: none;

}



.cs-sticky-header-1 .cs-main-logo-1 img {

    display: block;

    vertical-align: middle;

}



.cs-sticky-header-1 .cs-header-btn-3 {

    height: var(--pr-chrome-iconbtn-size);

    min-height: var(--pr-chrome-iconbtn-size);

    line-height: 1;

    gap: var(--pr-space-2);

}



.pr-header-toolbar,

.pr-header-actions,

.cs-header-row-2 {

    gap: var(--pr-space-2);

}



/* Safari cam efekti — kenar yumuşatma */

@supports (-webkit-backdrop-filter: blur(1px)) {

    .cs-sticky-header-1 {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}





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

   2) HERO — tipografi, CTA, scroll cue, Ken Burns yumuşak

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



.hero-pr__heading h1,

.hero-pr__heading h2,

.hero-pr__heading p,

.hero-pr__heading > span,

.hero-pr__heading > div {

    line-height: var(--pr-leading-display);

}



.hero-pr__heading p,

.hero-pr__heading > span,

.hero-pr__heading > div {

    line-height: var(--pr-leading-relaxed);

}



.hero-pr .hero-pr__btn {

    gap: var(--pr-space-2);

    line-height: 1;

    min-height: 56px;

    box-sizing: border-box;

    -webkit-appearance: none;

    appearance: none;

}



/* Ken Burns — daha az scale = daha az kenar bulanıklığı */

@keyframes hero-pr-kenburns-pp {

    0%   { transform: scale(1.02) translate3d(0, 0, 0); }

    100% { transform: scale(1.06) translate3d(-0.75%, -0.5%, 0); }

}



.hero-pr__bg {

    animation-name: hero-pr-kenburns-pp;

}



body.is-scrolled .hero-pr__scroll-cue,

.cs-sticky-header-1.is-scrolled ~ main .hero-pr__scroll-cue {

    opacity: 0;

    transition: opacity var(--pr-dur-base) var(--pr-ease);

}



.hero-pr .owl-dots {

    bottom: max(var(--pr-space-6), env(safe-area-inset-bottom, 0px));

}





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

   3) TRUST + SEARCH — yüzen kart (hero zinciri)

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



.pr-trust {

    padding-top: var(--pr-space-8);

    padding-bottom: var(--pr-space-6);

}



.pr-trust__metric {

    gap: var(--pr-space-1);

}



.pr-trust__num {

    align-items: center;

    justify-content: center;

}



.pr-trust__star {

    transform: none;

    flex-shrink: 0;

    align-self: center;

}



/* Arama kartı trust ile arası — hafif bindirme (aşırı negatif margin layout kırar) */

.pr-trust + .pr-search-wrap {

    margin-top: calc(-1 * var(--pr-space-6));

    padding-top: 0;

}



.pr-search-wrap .container {

    position: relative;

    z-index: 2;

}



.pr-search-card {

    margin: 0;

    isolation: isolate;

}



@media (max-width: 767.98px) {

    .pr-trust + .pr-search-wrap {

        margin-top: calc(-1 * var(--pr-space-6));

    }

}





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

   4) CARDS — tek lift kaynağı, hizalı içerik

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



:is(

    .cs-car-box-1,

    .cs-city-box-1,

    .cs-campaign-box-1,

    .cs-blog-box-1,

    .pr-why__card,

    .p-home-supplier-card,

    .p-home-city-card,

    .p-home-campaign-card,

    .p-home-blog-card

):hover {

    transform: translate3d(0, var(--pr-card-lift-sm), 0);

}



/* Search ikon hover scale — kart lift ile çakışmasın */

.pr-search-card .cs-icon-box-1:hover {

    transform: none;

}



.pr-search-card .cs-icon-box-1:hover i,

.pr-search-card .cs-icon-box-1:hover [class^="bain-"] {

    transform: scale(1.04);

}



.pr-why__card {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    height: 100%;

}



.pr-why__icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}



/* Araç kartı — fiyat / chip hizası */

.cs-car-box-1 .cscb-middle-area-1 .info-div-1 .idr1-col-1 {

    align-items: center;

    line-height: var(--pr-leading-snug);

}





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

   5) FOOTER — grid hizası, sosyal, alt çizgi

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



.pr-footer,

.cs-footer-1 {

    position: relative;

}



.pr-footer__grid,

.cs-footer-row-1 {

    align-items: start;

}



.pr-footer__list a,

.cs-footer-menu-1 a {

    min-height: 1.5em;

    line-height: var(--pr-leading-snug);

}



.pr-footer__social a,

.cs-footer-1 .cs-social-menu-1 a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: var(--pr-chrome-iconbtn-size);

    height: var(--pr-chrome-iconbtn-size);

    box-sizing: border-box;

}



.pr-footer__bottom {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    gap: var(--pr-space-4);

}



.pr-footer__legal {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: var(--pr-space-4) var(--pr-space-6);

}



.pr-footer__app-list {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: var(--pr-space-3);

}





/* Section dikey ritim → 04-pages.css (cs-homepage-sec-*) */



.pr-section-header {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-end;

    justify-content: space-between;

    gap: var(--pr-space-4);

    margin-bottom: var(--pr-space-8);

}





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

   7) FORM / SEARCH — Safari input, divider hizası

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



.pr-search-card .csib1-col-1 .desc-1 {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin: 0;

    line-height: 1;

}



.pr-search-card .csib1-col-1 .desc-1 i,

.pr-search-card .csib1-col-1 .desc-1 [class^="bain-"] {

    line-height: 1;

    vertical-align: middle;

}



.pr-search-card .csib1-col-2 input.form-control {

    line-height: var(--pr-leading-normal);

    min-height: 1.5em;

}



.pr-search-card .csld1-col-1,

.pr-search-card .csld1-col-2,

.pr-search-card .csld1-col-3 {

    align-self: stretch;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



/* Firefox — select ok hizası */

.cs-sticky-header-1 .cs-language-select {

    line-height: var(--pr-leading-normal);

    vertical-align: middle;

}





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

   8) SCROLL OFFSET — ölçülen header (JS --pr-header-offset)

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



html {

    scroll-padding-top: calc(var(--pr-header-offset, var(--pr-header-h)) + var(--pr-space-4));

}



@media (max-width: 991.98px) {

    html {

        scroll-padding-top: calc(var(--pr-header-offset, var(--pr-header-h-mobile)) + var(--pr-space-3));

    }

}



:target,

[data-anchor] {

    scroll-margin-top: calc(var(--pr-header-offset, var(--pr-header-h)) + var(--pr-space-4));

}





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

   9) FIREFOX / SAFARI — flex gap, border-radius clip

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



@supports not (gap: 1px) {

    .cs-sticky-header-1 .cs-main-menu-1 > .main-li-1 + .main-li-1 {

        margin-left: var(--pr-space-1);

    }

}



/* Safari — yuvarlak köşede border bleed */

:is(.pr-search-card, .cs-car-box-1, .pr-why__card) {

    background-clip: padding-box;

}





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

   10) REDUCED MOTION

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



@media (prefers-reduced-motion: reduce) {

    .hero-pr__bg {

        animation: none;

        transform: none;

    }



    .cs-sticky-header-1 .cs-main-logo-1:hover {

        transform: none;

    }

}
}

@layer responsive {
/* =====================================================================

   24-regression-fixes.css  —  Görünen layout kırıkları (hotfix)

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





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

   1) HERO — Owl init öncesi görünür + tam yükseklik

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



/* Owl default: .owl-carousel { display:none } — JS yüklenmezse hero kaybolur */

.hero-pr .mainSlider.owl-carousel,

.hero-pr .hero-pr__viewport.owl-carousel,

.section-hero .mainSlider.owl-carousel {

    display: block !important;

    opacity: 1;

    visibility: visible;

}



.hero-pr .mainSlider:not(.owl-loaded) .item:not(:first-child),

.section-hero .mainSlider:not(.owl-loaded) .item:not(:first-child) {

    display: none;

}



.hero-pr .mainSlider:not(.owl-loaded) .item:first-child,

.section-hero .mainSlider:not(.owl-loaded) .item:first-child {

    display: block;

    width: 100%;

}



.hero-pr,

.hero-pr .cs-full-container-1,

.hero-pr .hero-pr__viewport,

.hero-pr .hero-pr__viewport.owl-carousel,

.hero-pr .owl-stage-outer,

.hero-pr .owl-stage,

.hero-pr .owl-item,

.hero-pr .owl-item > .item,

.section-hero,

.section-hero .cs-full-container-1,

.section-hero .owl-stage-outer,

.section-hero .owl-stage,

.section-hero .owl-item,

.section-hero .owl-item > .item {

    min-height: clamp(480px, 88dvh, 920px);

}



.hero-pr .slider-container-1.hero-pr__slide,

.hero-pr__slide,

.section-hero .slider-container-1 {

    min-height: clamp(480px, 88dvh, 920px);

}





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

   2) ARAMA KARTI — masaüstü yatay şerit, açık zemin

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



.pr-search-card {

    background: var(--pr-surface) !important;

    color: var(--pr-text);

}



.pr-search-card .cs-loc-date-d-1 {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: stretch !important;

    background: var(--pr-surface);

    border: 1px solid var(--pr-line);

    border-radius: var(--pr-r-xl);

    min-height: var(--pr-search-field-h, 72px);

}



.pr-search-card .csld1-col-1 {

    flex: 1.2 1 280px;

    min-width: 0;

}



.pr-search-card .csld1-col-2 {

    flex: 1.5 1 320px;

    min-width: 0;

}



.pr-search-card .csld1-col-3 {

    flex: 0 0 auto;

    width: auto;

    min-width: 148px;

    max-width: 200px;

    border-right: 0;

    border-bottom: 0;

    display: flex;

    align-items: stretch;

    justify-content: center;

    padding: var(--pr-space-2);

}



.pr-search-card .csld1-col-3 .cs-secondary-btn-1 {

    width: 100%;

    min-height: 100%;

    align-self: stretch;

    margin: 0;

}



:root[data-theme="dark"] .pr-search-card,

:root[data-theme="dark"] .pr-search-card .cs-loc-date-d-1,

:root[data-theme="auto"] .pr-search-card,

:root[data-theme="auto"] .pr-search-card .cs-loc-date-d-1 {

    background: var(--pr-surface);

    border-color: var(--pr-line);

}



@media (max-width: 991.98px) {

    .pr-search-card .cs-loc-date-d-1 {

        flex-direction: column !important;

        flex-wrap: wrap !important;

        min-height: 0;

    }



    .pr-search-card .csld1-col-1,

    .pr-search-card .csld1-col-2,

    .pr-search-card .csld1-col-3 {

        flex: 1 1 100%;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0;

        border-right: 0;

        border-bottom: 1px solid var(--pr-line);

    }



    .pr-search-card .csld1-col-3 {

        max-width: none;

        border-bottom: 0;

    }

}





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

   3) NASIL ÇALIŞIR — başlık dikey harf dizilimi engeli

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



.cs-homepage-sec-3 .cs-tab-container-1.premium-card,

.cs-homepage-sec-4 .cs-tab-container-1.premium-card {

    width: 100%;

    min-width: 0;

}



.cs-homepage-sec-3 .cs-wbg-head-2,

.cs-homepage-sec-4 .cs-wbg-head-2,

.cs-homepage-sec-3 .cs-wbg-head-2 h1,

.cs-homepage-sec-4 .cs-wbg-head-2 h2 {

    width: 100%;

    max-width: 100%;

    min-width: 0;

    white-space: normal;

    word-break: normal;

    overflow-wrap: anywhere;

    hyphens: auto;

}



.cs-homepage-sec-3 .cs-wbg-head-2 span,

.cs-homepage-sec-4 .cs-wbg-head-2 span {

    display: block;

    width: 100%;

    max-width: 100%;

    white-space: normal;

}



.cs-homepage-sec-3 .cssr1-col-2,

.cs-homepage-sec-4 .cssr1-col-3 {

    min-width: 0;

    width: 100%;

}





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

   4) p-home + dark tema — başlık renkleri

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



:root[data-theme="dark"] .p-home .cs-wbg-head-2 span,

:root[data-theme="dark"] .p-home .cs-wbg-head-1 span,

:root[data-theme="auto"] .p-home .cs-wbg-head-2 span,

:root[data-theme="auto"] .p-home .cs-wbg-head-1 span {

    color: var(--pr-ink) !important;

}



:root[data-theme="dark"] .p-home h1,

:root[data-theme="dark"] .p-home h2,

:root[data-theme="dark"] .p-home h3,

:root[data-theme="auto"] .p-home h1,

:root[data-theme="auto"] .p-home h2,

:root[data-theme="auto"] .p-home h3 {

    color: var(--pr-ink);

}





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

   5) TRUST + WHY — ana sayfa üst bölüm dengesi

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



.pr-trust {

    position: relative;

    z-index: 1;

}



.pr-search-wrap {

    position: relative;

    z-index: 2;

}



.pr-why {

    position: relative;

    z-index: 1;

}





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

   SATIŞ SÖZLEŞMESİ MODAL — CMS HTML taşmasın (mobil + masaüstü)

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



.modal-content .scroll-modal-a-1.agreementDetail,

.modal-content .agreementDetail {

    overflow-x: hidden;

    overflow-wrap: anywhere;

    word-break: break-word;

    -webkit-overflow-scrolling: touch;

}



.modal-content .agreementDetail img,

.modal-content .agreementDetail table,

.modal-content .agreementDetail iframe {

    max-width: 100% !important;

    height: auto !important;

}



.modal-content .agreementDetail table {

    table-layout: fixed;

}



.modal-content .agreementDetail * {

    max-width: 100%;

    box-sizing: border-box;

}



@media (max-width: 767.98px) {

    .cs-modal-4 .scroll-modal-a-1,

    .cs-modal-4 .agreementDetail {

        max-height: min(420px, calc(100dvh - 240px));

    }



    .cs-modal-4 .scroll-modal-a-1.agreementDetail p,

    .cs-modal-4 .agreementDetail p,

    .cs-modal-4 .agreementDetail li {

        font-size: 15px;

        line-height: 22px;

    }



    .cs-modal-4 .scroll-modal-a-1.agreementDetail h1,

    .cs-modal-4 .agreementDetail h1,

    .cs-modal-4 .agreementDetail h2 {

        font-size: 18px;

        line-height: 24px;

    }

}
}

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

   index.css  —  Architecture entry point

   ---------------------------------------------------------------------

   Tek <link> ile tüm mimari yüklenir. CSS Cascade Layers (@layer)

   kullanılarak override önceliği bellidir, !important gerek kalmaz.

   ---------------------------------------------------------------------

   Layer öncelik sırası (normal: en alt → en üst kazanır;

   !important: tersine — erken katman kazanır):



     kill-legacy      → main.min !important kırıkları (450px kolon, header wrap)

     vendor-base      → main.min.css, responsive.min.css (legacy temel)

     base             → tokens, reset, typography

     layout           → header, footer, container, breadcrumb

     components       → button, card, modal, form, iconography, cleanup

     pages            → sayfa-spesifik premium kurallar

     vendor-overrides → 3rd party plugin theming (sweetalert, leaflet, ...)

     theme            → dark mode contrast patches + toggle UI

     responsive       → tek yerden breakpoint kontrolleri

     utilities        → atomic helper classes (normal'de en yüksek)



   ---------------------------------------------------------------------

   Tarayıcı desteği:

     @layer:  Chrome 99+, Firefox 97+, Safari 15.4+ (~%96 destek 2026)

     Eski tarayıcı: kurallar yine görünür (layered olmadığı varsayılır),

     fallback olarak link sırası ile yine override eder.

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





/* ── Cascade layer ordering (önemli: ilk satırda olmalı) ───────────── */







/* ── Mevcut tasarım sınıfları (en düşük öncelik, vendor-base) ──────── */









/* ── Yeni mimari katmanları ────────────────────────────────────────── */





















































/* Highest !important priority: kill-legacy is declared BEFORE vendor-base */

@layer kill-legacy {

  .cs-homepage-sec-3 .cs-slider-row-1 .cssr1-col-1,

  .cs-homepage-sec-4 .cs-slider-row-1 .cssr1-col-1 {

    flex: 1 1 0% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    width: auto !important;

  }



  .cs-homepage-sec-3 .cs-slider-row-1 .cssr1-col-2,

  .cs-homepage-sec-4 .cs-slider-row-1 .cssr1-col-2,

  .cs-homepage-sec-4 .cs-slider-row-1 .cssr1-col-3 {

    flex: 1 1 0% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    width: auto !important;

    padding-left: 0 !important;

  }



  .cs-homepage-sec-3 .cs-slider-row-1,

  .cs-homepage-sec-4 .cs-slider-row-1 {

    display: grid !important;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;

    width: 100% !important;

  }



  .cs-homepage-sec-3 .cs-wbg-head-2,

  .cs-homepage-sec-3 .cs-wbg-head-2 span,

  .cs-homepage-sec-4 .cs-wbg-head-2,

  .cs-homepage-sec-4 .cs-wbg-head-2 span {

    width: 100% !important;

    max-width: 100% !important;

    writing-mode: horizontal-tb !important;

    white-space: normal !important;

  }



  .cs-header-row-1 {

    flex-wrap: nowrap !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .cs-header-row-1 .cshr1-col-1,

  .cs-header-row-1 .cshr1-col-3 {

    flex: 0 0 auto !important;

    max-width: none !important;

    width: auto !important;

  }



  .cs-header-row-1 .cshr1-col-2 {

    flex: 1 1 auto !important;

    max-width: none !important;

    min-width: 0 !important;

  }



  .hero-pr .mainSlider.owl-carousel,

  .cs-homepage-sec-1 .owl-carousel.owl-theme {

    background: transparent !important;

    background-color: transparent !important;

  }



  .hero-pr .mainSlider.owl-carousel:not(:has(.owl-item)),

  .cs-homepage-sec-1 .mainSlider.owl-carousel:has(.owl-stage:empty) {

    min-height: clamp(420px, 72dvh, 820px) !important;

    background-color: #e8eef7 !important;

    background-image:

      linear-gradient(180deg, rgba(243, 246, 251, 0.25) 0%, rgba(243, 246, 251, 0.55) 100%),

      url("../img/other/homepage-slider-1.jpg") !important;

    background-size: cover !important;

    background-position: center !important;

  }



  /* Owl: never cap slide width (reviews/blog letter-stack) */

  .owl-carousel .owl-stage {

    display: flex !important;

    flex-wrap: nowrap !important;

    max-width: none !important;

  }



  .owl-carousel .owl-item,

  .owl-carousel .owl-item[style*="width"] {

    flex: 0 0 auto !important;

    flex-shrink: 0 !important;

    min-width: auto !important;

    max-width: none !important;

  }



  .cs-blog-content-row-1 {

    display: grid !important;

    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important;

    gap: 24px !important;

    align-items: center !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .cs-blog-content-row-1 .csbcr1-col-1,

  .cs-blog-content-row-1 .csbcr1-col-2 {

    flex: none !important;

    max-width: 100% !important;

    width: 100% !important;

    padding: 0 !important;

    float: none !important;

  }



  .cs-homepage-sec-10 .slider-content-1 {

    padding-top: 0 !important;

    padding: 0 !important;

  }



  .cs-about-us-sec-1 {

    background: transparent !important;

    background-image: none !important;

    color: #1a1f36 !important;

  }



  .cs-about-us-textbox-1 {

    background: #ffffff !important;

    border: 1px solid rgba(26, 31, 54, 0.08) !important;

    border-radius: 18px !important;

    color: #1a1f36 !important;

  }



  .cs-about-us-textbox-1 p,

  .cs-about-us-textbox-1 h1,

  .cs-about-us-textbox-1 h2,

  .cs-about-us-textbox-1 h3,

  .cs-about-us-textbox-1 span {

    color: #1a1f36 !important;

  }

}



/* Soft-light shell — matches design-standard / ui-harmony */

@layer vendor-base {

  html {

    background-color: #f3f6fb;

  }

  body {

    background: #f3f6fb !important;

    background-color: #f3f6fb !important;

    color: #1a1f36;

  }

}