button{cursor:pointer;border:none;background:0 0}
.hero-banner{z-index: 100;padding-bottom: 20px !important;border-radius:0!important;max-width:1920px;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden}.white-section{background-color:unset;display:flex;justify-content:flex-start;align-items:center;padding:40px 5%;position:relative;z-index:1}.hero-content{width:100%;margin:0 auto;padding:0;position:relative;z-index:2;max-width:1400px}.hero-content-2{width:100%;margin:0 auto;padding:20px;position:relative;z-index:2;max-width:1400px}
/*.text-content{flex:1;max-width:73%;z-index:2;text-align:left} */
.text-content h2{margin:0;}
.text-content h1{margin:0;max-width: 700px;text-align:left!important;font-size:2rem!important;font-weight:600!important;margin-left:0}.text-content h2{max-width: 700px;margin-top:0;font-size:1.2rem!important;font-weight:400!important;padding-top:10px}.text-content p{max-width: 600px;margin-bottom:.5rem}
.hero-image {flex: 1;max-width: 600px;width: 100%;height: auto;margin: 0 auto;padding: 10px;position: relative;order: 2;border-radius: 20px;overflow: hidden;z-index: 1;}
.hero-image img {width: 80%;height: auto;aspect-ratio: 1 / 1;display: block;object-fit: cover;object-position: center;border-radius: 20px;transition: all .3s ease;}
.blue-section{order:1;width:100%}.vdsl-section{order:1;width:100%}.teal-section{order:1;width:100%}.bezdratovy-section{order:1;width:100%}.voip-section{order:1;width:100%}.live-section{order:1;width:100%}.text-content{max-width:max-content}
.blue-section{background: linear-gradient(to right,#cd504c,#3662a1,#ffd955 );/*background:linear-gradient(to right,#328755,#a34882,#317998);*/display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;z-index: 0 !important;}
.teal-section{background: linear-gradient(to right,#cd504c,#3662a1,#ffd955 );/*background:linear-gradient(to right,#328755,#a34882,#317998);*/display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;z-index: 0 !important;}
.teal-section-2{background-color:#3662a1;display:flex;justify-content:flex-start;align-items:center;padding:10px;position:relative;z-index: 0 !important;}
.vdsl-section{background: linear-gradient(to right,#cd504c,#3662a1,#ffd955);/*background:linear-gradient(to right,#328755,#a34882,#317998);*/display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;z-index: 0 !important;}
.live-section{background: linear-gradient(to right,#cd504c,#3662a1,#ffd955);display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;z-index: 0 !important;}
.voip-section{background: linear-gradient(to right,#cd504c,#3662a1,#ffd955);display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;z-index: 0 !important;}
.opticky-section{background: linear-gradient(to right,#cd504c,#3662a1,#ffd955);display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;z-index: 0 !important;}
.bezdratovy-section{background: linear-gradient(to right,#cd504c,#3662a1,#ffd955);/*background:linear-gradient(to right,#328755,#a34882,#317998);*/display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;z-index: 0 !important;}
.form-container{width:100%;margin:0 auto;position:relative;z-index:2;max-width:1400px}.form-content{background-color:hsla(0,0%,100%,.8);border-radius:5px;padding:20px;text-align:center;width:fit-content;z-index:2}.form-label{margin-bottom:10px}.form-input input{text-align:left;width:500px;font-size:19px;padding:10px;border:1px solid #ccc;border-radius:4px}.form-input::placeholder{text-align:center;color:#64707D}.stats-container{margin-top:10px;text-align:center}
.disclaimer{font-size:.8rem;color:#666}.cta-button{padding:.5rem 1rem;background:#128261;color:#fff;border-radius:20px}
@media (max-width:768px){.hero-content{flex-direction:column;text-align:left}.text-content{max-width:100%}.hero-image img{max-width:100%}}.benefit-card.optika .color-bar{background-color:#931d69}.benefit-card.vdsl .color-bar{background-color:#128261}.oblibena-volba{position:absolute;top:-21px;z-index:10}.oblibena-volba-vnitrni{padding:3px 8px;border-radius:3px;box-sizing:border-box;display:inline-block}.oblibena-volba-box{border-color:#ffc548;background-color:#ffc548;color:#06c;display:inline-block;width:auto}.oblibena-volba-nadpis{background-color:#ffc548;color:#000;font-weight:500;font-size:.75rem;line-height:1.5;text-transform:uppercase}
.responsive-box{text-align:center;width:750px;background-color:#F1F3F5 !important;border-radius:1.5rem}@media (max-width:1200px){.responsive-box{width:auto}}@media (max-width:1023px){.responsive-box{width:auto}}@media (max-width:768px){.responsive-box{width:auto}}ul h2{font-size:40px!important;line-height:1.35!important;font-weight:600!important;margin:0!important;line-height:1.4!important}
.product-info-now span{color: #000;}
@media (max-width:1356px){.hero-banner{display:flex;flex-direction:column;position:relative}.responsive-box{width:600px;overflow:hidden;position:relative;display:block;max-width:600px;margin:0 auto;padding-bottom:20px;text-align:center;width:auto}}
.ben-image-5a2h3iw6 {max-width: 96% !important;}
@media (max-width: 1024px) {.ben-image-5a2h3iw6 {max-width: 100% !important;}}
.hero-content{position: unset !important;display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.text-content{flex:1;padding-right:30px}
@media (max-width:1356px){.hero-image{padding-right:0!important;width:600px !important;height:500px;overflow:hidden;position:relative;order:2;display:block;max-width:600px;margin:0 auto;padding-top:10px;padding-left:10px;top:0;right:0;z-index:1}}
@media (max-width:1024px){.ben-image-5a2h3iw6{margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto}}@media (max-width:1024px){.hero-image,.text-content{max-width:100%;padding-right:0}}@media (max-width:1024px){.hero-content{flex-direction:column;text-align:center}.hero-image,.text-content{max-width:100%;padding-right:0}}.blue-section{background: linear-gradient(to right,#cd504c,#3662a1,#ffd955);/*background:linear-gradient(to right,#328755,#a34882,#317998);*/display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;z-index:0!important}
@media (max-width:1025px) {.text-content h2, .text-content p {max-width:unset;text-align: left !important;}}
@media (max-width:1024px) {.text-content h1, .text-content h2, .text-content p {max-width:unset;text-align: center !important;}}
.custom-btn{font-size: 16px;background-color:#cd504c;color:#fff;padding:10px 20px;border:none;border-radius:10px;font-weight:400;text-decoration:none;display:inline-block;cursor:pointer}.custom-btn:hover{background-color:#dd3f3f;box-shadow:0 4px 15px rgba(0,0,0,.2)}50%{transform:scale(1)}100%{transform:scale(1)}
.internet-selection-wrapper {display: flex; gap: 0px;background-color: #485667;padding: 20px;font-family: Arial, sans-serif;}
.tarif-title {font-size: 1.2rem;margin-bottom: 10px;}
.tarif-card {max-height: 35px;box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);background-color: #FFFEEF;padding: 6px;border: 1px solid #ccc;border-radius: 15px;cursor: pointer;text-align: center;}
.tarif-card span small, .tarif-card span b {visibility: hidden;height: 0;overflow: hidden;margin: 0;padding: 0;}
.tarif-card input[type="radio"] {display: none;}
.tarif-card span {width: 100%;}
.tarif-card input[type="radio"]:checked + span {border-left: 4px solid #2b6cb0;padding-left: 6px;}
.tarif-details {flex: 1;background-color: #ffffff;border: 1px solid #ddd;padding-bottom: 10px;padding-right: 15px;padding-left: 15px;border-radius: 10px;}
#startAssistant {margin-top: 10px;padding: 8px 16px;background-color:#3662a1 /*#a32220*/;color: white;border: none;border-radius: 6px;cursor: pointer;transition: background-color 0.3s ease;}
#startAssistant {font-size: 0.95rem;line-height: 1.2;}
#startAssistant:disabled {background-color: #aaa;cursor: not-allowed;}
.tarif-card span small, .tarif-card span b, .tarif-card span i {display: none;}
.tarif-details h3 {font-size: 18px;line-height: 1;color: #01101a;font-weight: 600;}
.tarif-details p {margin-bottom: -5px;}
