.alternate-content{background-color:#fafafa}
.col-margin.margin-h-small{--margin-h-size:15px}.col-margin.margin-h-regular{--margin-h-size:var(--lateral-spacing-value)}.col-margin.margin-h-large{--margin-h-size:var(--lateral-content-space-value)}.col-margin.margin-v-small{--margin-v-size:25px}.col-margin.margin-v-regular{--margin-v-size:35px}.col-margin.margin-v-large{--margin-v-size:45px}.col-margin.margin-top{padding-top:var(--margin-v-size)}.col-margin.margin-bottom{padding-bottom:var(--margin-v-size)}.col-margin.margin-left{padding-left:var(--margin-h-size)}.col-margin.margin-right{padding-right:var(--margin-h-size)}
.row>.col-component.h-start{text-align:left}.row>.col-component.h-center{text-align:center}.row>.col-component.h-end{text-align:right}.row>.col-component.v-middle{align-self:center}.row>.col-component.v-bottom{align-self:flex-end}.row>.col-component.v-top{align-self:flex-start}
.search-transponder-component .help-transponder-text-container .help-transponder-text{color:#7cbb4b;text-align:right;cursor:pointer;margin-top:-19px;font-size:12px}.search-transponder-component .help-transponder-text-container .transponder-tooltip{color:#5e5e5e;text-align:left;white-space:normal;background-color:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;max-width:400px;height:auto;padding:15px;font-size:16px;display:flex;position:absolute;right:0;box-shadow:0 2px 10px #6b6b6b40}.search-transponder-component .help-transponder-text-container .transponder-tooltip .tooltip-title-row{flex-grow:1;display:flex}.search-transponder-component .help-transponder-text-container .transponder-tooltip .tooltip-title-row .tooltip-title{color:#7cbb4b;flex-grow:1;font-weight:500}.search-transponder-component .help-transponder-text-container .transponder-tooltip .tooltip-title-row .close-btn{cursor:pointer}.search-transponder-component .help-transponder-text-container .transponder-tooltip .tooltip-body{flex-grow:2;margin:15px 0}
.search-transponder-component{--base-color:#7cbb4b;position:relative}.search-transponder-component.valid-transponder:has(.is-not-registered){--base-color:#3d86c3}.search-transponder-component.valid-transponder:has(.is-registered){--base-color:#7cbb4b}.search-transponder-component.valid-transponder:has(.is-lost){--base-color:#eb0909}.search-transponder-component.valid-transponder .transponder-control{border-color:var(--base-color);border-radius:7px 7px 0 0}.search-transponder-component.valid-transponder .search-transponder-response{border:1px solid var(--base-color);clip-path:inset(0 -12px -12px);min-height:50px;white-space:wrap;background-color:#fff;border-top:1px solid #e5e5e5;border-radius:0 0 7px 7px;width:100%;margin-top:-26px;position:absolute;box-shadow:0 2px 10px #6b6b6b40}.search-transponder-component.valid-transponder .search-transponder-response .response-content{width:100%;padding:10px 15px}.search-transponder-component.valid-transponder .search-transponder-response .response-title{color:var(--base-color);margin-bottom:5px;font-size:16px;font-weight:500}.search-transponder-component.valid-transponder .search-transponder-response .response-description{color:#ababab;margin-bottom:10px;font-size:14px}.search-transponder-component.valid-transponder .search-transponder-response .response-description .link{margin-top:5px}.search-transponder-component.valid-transponder .search-transponder-response .response-buttons{margin:15px 0}.search-transponder-component.valid-transponder .search-transponder-response .response-buttons .btn{font-size:14px}.search-transponder-component .response-date{text-align:right;margin-top:10px;font-size:11px}
.home-main-banner{background:linear-gradient(45deg,#f2f2f2 0%,#f1f1f1 40%);border-radius:10px;justify-content:space-around;display:flex}@media only screen and (max-width:768px){.home-main-banner{background:linear-gradient(45deg,#ececec 0%,#f1f1f1 40%);flex-direction:column;align-items:center;padding-bottom:25px}}.home-main-banner .home-banner-image{border-radius:inherit;align-self:flex-end;overflow:hidden}.home-main-banner .home-banner-image img{height:unset;max-width:100%}@media only screen and (max-width:954px) and (min-width:768px){.home-main-banner .home-banner-image img{height:unset}}.home-main-banner .home-banner-content{white-space:nowrap;flex-direction:column;justify-content:center;min-height:400px;padding:0 10vw 0 0;display:flex}@media only screen and (max-width:768px){.home-main-banner .home-banner-content{padding:var(--lateral-spacing-value);white-space:unset}}.home-main-banner .transponder-control.custom-form-group{min-width:300px;max-width:500px;box-shadow:0 2px 10px #6b6b6b40}.home-main-banner .main-title{color:#7cbb4b;font-size:30px;font-weight:500}.home-main-banner .main-sub-title{color:#5e5e5e;font-weight:500}.home-main-banner .title{color:#ababab;margin-top:25px;margin-bottom:10px;font-size:16px;font-weight:500}.home-main-banner .buttons{gap:15px;display:flex}@media only screen and (max-width:768px){.home-main-banner .buttons{flex-flow:wrap}.home-main-banner .buttons .btn{border-radius:25px;width:100%;padding:13px 12px;font-size:16px}}
.custom-box{min-height:220px;padding:15px var(--lateral-spacing-value);border:1px solid #0000;margin:0 0 25px}.custom-box.border-rad-small{border-radius:10px}.custom-box.border-rad-medium{border-radius:20px}.custom-box.border-rad-large{border-radius:30px}.custom-box.primary{border-color:#7cbb4b}.custom-box.danger{border-color:#eb0909}.custom-box.warning{border-color:#eb6609}.custom-box.info{border-color:#3d86c3}.custom-box.grey{border-color:#f4f4f4}.custom-box.background-alternative{background-color:#fafafa}.custom-box.background-primary{background-color:#f0f7eb}.custom-box.background-danger{background-color:#feeee3}.custom-box.background-warning{background-color:#eb66091a}.custom-box.background-info{background-color:#cdedf6}
.col-button .btn.autoGrow{width:100%}@media only screen and (max-width:768px){.col-button .btn{width:100%;margin:5px 0}}
.carousel-component .carousel.slide .carousel-item>.row{min-height:100px}.carousel-component .carousel-indicators button{background-color:#ababab;border-radius:100%;width:10px;height:10px}.carousel-component .carousel-indicators button.active{background-color:#7cbb4b}
.row.gap-small{--rowgap:5px;gap:var(--rowgap)}.row.gap-regular{--rowgap:15px;gap:var(--rowgap)}.row.gap-large{--rowgap:var(--lateral-spacing-value);gap:var(--rowgap)}@media (min-width:992px){.row.gap-small .col-lg-1,.row.gap-regular .col-lg-1,.row.gap-large .col-lg-1{width:calc(1/12*100% - var(--rowgap));flex-grow:1}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-1,.row.gap-regular .col-md-1,.row.gap-large .col-md-1{width:calc(1/12*100% - var(--rowgap));flex-grow:1}}@media (min-width:992px){.row.gap-small .col-lg-2,.row.gap-regular .col-lg-2,.row.gap-large .col-lg-2{width:calc(2/12*100% - var(--rowgap));flex-grow:2}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-2,.row.gap-regular .col-md-2,.row.gap-large .col-md-2{width:calc(2/12*100% - var(--rowgap));flex-grow:2}}@media (min-width:992px){.row.gap-small .col-lg-3,.row.gap-regular .col-lg-3,.row.gap-large .col-lg-3{width:calc(3/12*100% - var(--rowgap));flex-grow:3}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-3,.row.gap-regular .col-md-3,.row.gap-large .col-md-3{width:calc(3/12*100% - var(--rowgap));flex-grow:3}}@media (min-width:992px){.row.gap-small .col-lg-4,.row.gap-regular .col-lg-4,.row.gap-large .col-lg-4{width:calc(4/12*100% - var(--rowgap));flex-grow:4}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-4,.row.gap-regular .col-md-4,.row.gap-large .col-md-4{width:calc(4/12*100% - var(--rowgap));flex-grow:4}}@media (min-width:992px){.row.gap-small .col-lg-5,.row.gap-regular .col-lg-5,.row.gap-large .col-lg-5{width:calc(5/12*100% - var(--rowgap));flex-grow:5}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-5,.row.gap-regular .col-md-5,.row.gap-large .col-md-5{width:calc(5/12*100% - var(--rowgap));flex-grow:5}}@media (min-width:992px){.row.gap-small .col-lg-6,.row.gap-regular .col-lg-6,.row.gap-large .col-lg-6{width:calc(6/12*100% - var(--rowgap));flex-grow:6}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-6,.row.gap-regular .col-md-6,.row.gap-large .col-md-6{width:calc(6/12*100% - var(--rowgap));flex-grow:6}}@media (min-width:992px){.row.gap-small .col-lg-7,.row.gap-regular .col-lg-7,.row.gap-large .col-lg-7{width:calc(7/12*100% - var(--rowgap));flex-grow:7}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-7,.row.gap-regular .col-md-7,.row.gap-large .col-md-7{width:calc(7/12*100% - var(--rowgap));flex-grow:7}}@media (min-width:992px){.row.gap-small .col-lg-8,.row.gap-regular .col-lg-8,.row.gap-large .col-lg-8{width:calc(8/12*100% - var(--rowgap));flex-grow:8}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-8,.row.gap-regular .col-md-8,.row.gap-large .col-md-8{width:calc(8/12*100% - var(--rowgap));flex-grow:8}}@media (min-width:992px){.row.gap-small .col-lg-9,.row.gap-regular .col-lg-9,.row.gap-large .col-lg-9{width:calc(9/12*100% - var(--rowgap));flex-grow:9}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-9,.row.gap-regular .col-md-9,.row.gap-large .col-md-9{width:calc(9/12*100% - var(--rowgap));flex-grow:9}}@media (min-width:992px){.row.gap-small .col-lg-10,.row.gap-regular .col-lg-10,.row.gap-large .col-lg-10{width:calc(10/12*100% - var(--rowgap));flex-grow:10}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-10,.row.gap-regular .col-md-10,.row.gap-large .col-md-10{width:calc(10/12*100% - var(--rowgap));flex-grow:10}}@media (min-width:992px){.row.gap-small .col-lg-11,.row.gap-regular .col-lg-11,.row.gap-large .col-lg-11{width:calc(11/12*100% - var(--rowgap));flex-grow:11}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-11,.row.gap-regular .col-md-11,.row.gap-large .col-md-11{width:calc(11/12*100% - var(--rowgap));flex-grow:11}}@media (min-width:992px){.row.gap-small .col-lg-12,.row.gap-regular .col-lg-12,.row.gap-large .col-lg-12{width:calc(12/12*100% - var(--rowgap));flex-grow:12}}@media (min-width:768px) and not (min-width:992px){.row.gap-small .col-md-12,.row.gap-regular .col-md-12,.row.gap-large .col-md-12{width:calc(12/12*100% - var(--rowgap));flex-grow:12}}
