*{margin:0;padding:0;box-sizing:border-box}:root{--font-family-service:"Poppins-Regular"}@font-face{font-family:'Acme Regular';src:url(../fonts/Acme-Regular.ttf);font-weight:400}@font-face{font-family:"Staccato222BT-Regular";src:url(../fonts/Staccato222BT-Regular.otf)}@font-face{font-family:"Poppins-Regular";src:url(../fonts/Poppins-Regular.ttf)}.wrap{max-width:1540px;min-width:300px;width:100%;margin:0 auto}.banner-section{position:relative;overflow:hidden;width:100%;padding-top:10%;height:100vh;text-align:center}.flex-fill{align-content:center}.inner-banner{background-color:#fff;overflow:hidden;background-image:url(../images/bg-image.svg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;opacity:1}nav{background-color:#fff0}.inner-banner p{text-align:center;font-size:1.2em;width:80%;margin:auto}nav.black{background-color:rgb(239 239 239);color:#000}p{font-weight:400;font-size:1.1em;line-height:1.44;text-align:left;letter-spacing:.4px;font-family:var(--font-family-service)}h2{font-size:2em;line-height:1.3;font-family:var(--font-family-service);font-weight:600;letter-spacing:-.0037rem}section span{font-family:var(--font-family-service)}ul{list-style:inside}.highlight-h{position:relative;display:inline-block;padding:5px 43px;z-index:0}.highlight-h::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e0f0ff;transform:skew(-20deg);z-index:-1}.banner-subheading{color:#0069ba;padding-bottom:.7em}.bg-section img{width:auto;height:auto}h3{font-family:var(--font-family-service);font-weight:600;line-height:1.4;letter-spacing:.04rem;text-align:left;font-size:1.3125rem}.banner-head h1,.hero-highlight{font-family:var(--font-family-service);font-size:calc(2.2rem + 0.9vw);color:#000;font-size-adjust:auto;letter-spacing:.8px;line-height:1.2;margin-bottom:3%;font-weight:600}.bussinessbookplus{width:100%}.intro-flex{display:grid;grid-template-columns:53% 47%}.flex-fill p{padding-bottom:1em}.bg-section{background-color:#fcfcfc;padding:1em 0em}.featues-section,.serve-section{padding:5em 0em}.intro-flex h2,.intro-flex-mid h2{padding-top:.5em;padding-bottom:.6em;font-size:1.9em}.intro-flex-mid .heading-buttons{padding-top:0em}.text-center p{padding-top:1em;padding-bottom:1em;text-align:center}.text-center{text-align:center;padding:0em 4em}.text-center h2{font-size:calc(1rem + 1.3vw)}.mid-img img{padding-right:4em}.color{color:#0069ba}.p-highlight{color:#0069ba;font-weight:600;font-size:1.3em}.intro-flex-mid .p-highlight{margin:0 auto;width:54%;padding:.7em}.intro-flex-mid{display:grid;grid-template-columns:23% 23% 23% 23%;gap:2.7%;padding-top:5em}.intro-flex-mid .flex-fill,.flex-fill-color{padding:2em;border-radius:8px}.intro-flex-mid p{font-size:1.4em;color:#fff;text-align:center;font-weight:500}.intro-flex-mid .flex-fill-color{background-color:#015996}.intro-flex-mid .flex-fill{background-color:#00416e}.p-highlight img{margin-left:.2em}.Feature-section{color:#fff;background-color:#00416e;padding:5em 0em}.flex-fill-color h2{font-size:1.3em}.Feature-section .flex-fill-color{display:grid;grid-template-columns:60% 38%;color:#000;padding:3em 2em;gap:2%;border-radius:0%;background-color:#fff}.Feature-section .intro-flex{padding-top:5em;gap:3%;grid-template-columns:49% 49%}.hero-highlight{display:inline-block;background-clip:50%;height:50%;padding:0 10px;z-index:0}.hero-description{margin-top:2%;padding:0 15%;font-size:1.5rem;margin-bottom:2rem;color:#000;font-family:"Poppins-Regular"}.heading-buttons{padding-top:1.6rem}.heading-buttons a{font-family:"Segoe UI";font-size:1rem;padding:15px 19px;text-decoration:none;text-transform:uppercase;display:inline-block;font-weight:500;letter-spacing:1.5px}.middle .heading-buttons a{float:right}.getstarted{background-color:#0069ba;color:#fff;border:2px solid #0069ba;transition-property:color;margin-right:1%}.learnmore{background-color:#fff;color:#000;border:2px solid #0069ba}.animation{-webkit-transition:ease-out 0.3s;-moz-transition:ease-out 0.4s;transition:ease-out 0.6s}.learnmore:hover{box-shadow:inset 300px 0 0 0 #0069ba;color:#fff}.getstarted:hover{box-shadow:inset 300px 0 0 0 #fff;color:#0069ba}.aboutus-ul{list-style:none;margin-bottom:1.8rem}.aboutus-ul li{display:flex;align-items:center;font-size:1.1em;margin-bottom:10px;color:#333;font-family:var(--font-family-service);font-weight:500}.aboutus-ul li::before{content:"\2713";color:#fff;background-color:#0069ba;border-radius:50%;width:18px;padding-left:5px;font-weight:700;margin-right:10px}.aboutus-button{background-color:#0069ba;color:#fff;border:none;padding:15px 32px;cursor:pointer;font-size:1rem;border:2px solid #0069ba}.aboutus button{margin-top:2em}.image-box{text-align-last:end;width:100%;height:auto}.aboutus-button:hover,.feature-button:hover{box-shadow:inset 300px 0 0 0 #fff;color:#0069ba;border:2px solid #0069ba}.middle{overflow:hidden;background-image:url(../images/products/bbplus/strip.svg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;opacity:1}.middle-content{display:grid;grid-template-columns:70% 27%;gap:3%;margin:0 auto;width:90%;padding:5rem 0}.middle h2{color:#fff;font-size:2rem;padding-bottom:.6em}.middle-content p{color:#fff;font-size:1.3rem}.light-color{color:#0090ff}:root{--color-bg:#EEEDEB;--color-title:#0E1C4E;--color-summary-1:#EEF6FF7D;--color-summary-1-highlight:#015996;--color-summary-2:#EBF5FFC4;--color-summary-2-highlight:#047FDD;--font-ibm-plex-sans:"Poppins-Regular"}.card-img{margin:auto 0}.card-img img{float:right}.card-grid{display:grid;grid-template-columns:50% 50%;padding-top:4em}.card{padding:0 0;margin-bottom:40px;border-radius:4px;max-width:36em;width:100%;details{display:flex;border-radius:5px;overflow:hidden;background:rgb(0 0 0 / .05);border-left:6px solid gray;padding:15px;&{margin-top:15px}&.warning{background:var(--color-summary-1);border-left-color:var(--color-summary-1-highlight);p{list-style-type:corona-warning}}&.info{background:var(--color-summary-2);border-left-color:var(--color-summary-2-highlight);p{list-style-type:corona-info}}&.alert{background:var(--color-summary-3);border-left-color:var(--highlight);p{list-style-type:corona-alert}}summary,p{position:relative;display:flex;flex-direction:row;align-content:center;justify-content:flex-start;font-family:var(--font-ibm-plex-sans);font-style:normal;font-weight:400;font-size:18px;color:var(--color-title);padding:1em 2em;cursor:pointer;&::-webkit-details-marker{display:none}&:focus{outline:solid 3px var(--highlight)}&::selection{background-color:var(--highlight)}}p{cursor:default;padding-top:0em}summary::before{cursor:pointer;position:absolute;display:inline-flex;width:1rem;height:1rem;left:0rem;margin-right:.5rem;content:url(../images/products/t-cams/icon.svg)}&[open]{summary{font-weight:700;&::before{transform:rotate(45deg);content:url(../images/products/t-cams/icon.svg)}}}}}.accordion{display:flex;flex-direction:column;font-family:var(--font-family-service);max-width:991px;min-width:320px;margin:90px auto;padding:0 50px}.accordion h2{font-size:1.875em;text-align:center;padding-bottom:2rem}.accordion-item{margin-top:16px;border:1px solid #fcfcfc;border-radius:6px;background:#fff;box-shadow:rgb(0 0 0 / .05) 0 1px 2px 0}.accordion-item .accordion-item-title{position:relative;margin:0;display:flex;width:100%;font-size:1.1rem;cursor:pointer;justify-content:space-between;flex-direction:row-reverse;padding:14px 20px;box-sizing:border-box;align-items:center}.accordion-item .accordion-item-desc{display:none;font-size:.9rem;line-height:22px;font-weight:300;color:#444;border-top:1px dashed #ddd;padding:10px 20px 20px;box-sizing:border-box}.accordion-item input[type="checkbox"]{position:absolute;height:0;width:0;opacity:0}.accordion-item input[type="checkbox"]:checked~.accordion-item-desc{display:block}.accordion-item input[type="checkbox"]:checked~.accordion-item-title .icon:after{content:"-";font-size:20px}.accordion-item input[type="checkbox"]~.accordion-item-title .icon:after{content:"+";font-size:20px}.accordion-item:first-child{margin-top:0}.accordion-item .icon{margin-left:14px}@media screen and (max-width:767px){.accordion{padding:0 16px}.accordion h1{font-size:22px}}@media (min-width:1170px){.wrap{max-width:1157px}}@media only screen and (max-width:1100px){.wrap{max-width:1025px}}@media only screen and (max-width:1026px){.card-grid{display:grid;grid-template-columns:100%;padding-top:4em}.card-img{margin:auto}.card-img img{width:100%}.wrap{max-width:922px}.banner-section{padding-top:19%;height:auto}.heading-buttons{padding-bottom:2em}.intro-flex h2{padding-top:.5em}.intro-flex{display:grid;grid-template-columns:100%}.intro-flex-mid h2{font-size:1.1em}.Feature-section .intro-flex{padding-top:0em;grid-template-columns:100%}.img-order img,.mid-img img{width:100%}}@media only screen and (max-width:940px){.text-center{padding:0em 0em}.hero-highlight{margin-bottom:6%}.intro-flex-mid{grid-template-columns:50% 50%;padding-top:7em}.intro-flex-mid .p-highlight{width:34%}.wrap{max-width:700px}.mid-img{order:1}.middle h2{font-size:1.8rem;padding-bottom:.2em}h2{font-size:1.6em;line-height:1.4;padding-bottom:0rem}}@media only screen and (max-width:769px){.intro-flex{gap:0em;flex-direction:column}.flex-fill{width:100%}.img-order img,.mid-img img{padding-right:0em;padding-top:3em}.mid-img img{padding-right:0em}.banner-head p{width:100%}.wrap{max-width:640px}.banner-head h1,.hero-highlight{font-size:calc(2.1rem + 0.7vw)}.inner-banner p{font-size:1.2em}.text-center h2{font-size:calc(1.2rem + 1.2vw)}.middle-content{width:85%}.middle-content{display:grid;grid-template-columns:100%;padding:2rem 0}.middle .heading-buttons a{float:left}}@media only screen and (max-width:640px){.Feature-section .flex-fill-color{display:grid;grid-template-columns:100%}.wrap{max-width:460px}.banner-section{padding-top:20%}.inner-banner p{margin-bottom:2rem}.banner-head h2{font-size:calc(1.4rem + 0.5vw)}.inner-banner p{margin-bottom:1rem;font-size:1.1em}.banner-head h1,.hero-highlight{font-size:calc(2rem + 0.2vw)}.hero-highlight{margin-bottom:9%}.intro-flex-mid{padding-top:1em}.bussinessbookplus{display:none}.intro-flex-mid .p-highlight{width:50%}.intro-flex h2,.intro-flex-mid h2{font-size:1.3em}.featues-section,.serve-section{padding-top:2em}}@media only screen and(max-width:540px){.wrap{max-width:403px}}@media only screen and (max-width:481px){.flex-fill h2{font-size: 1.2em;}.aboutus-ul li{font-size: 14px;}.banner-section{padding-top:29%}h3{font-size:1.125rem} h2,.text-center h2{font-size:20px;line-height: 1.1;}p{font-size:15px}.intro-flex-mid p{font-size:1em}.intro-flex-mid{grid-template-columns:100%}.intro-flex-mid .p-highlight{width:39%}.wrap{max-width:350px}.banner-head p{font-size:16px}.banner-head h2{font-size:calc(1.2rem + 0.5vw);padding-bottom:.5em}.banner-head h1,.hero-highlight{font-size:1.8rem;line-height:1.1}.hero-highlight{margin-bottom:12%}.inner-banner{text-align:center;margin:0 auto}.intro-flex-mid h2{font-size:1.4rem;padding-bottom:1rem;line-height:2.1rem}.middle h2{font-size:1.3rem}.middle-content p{font-size:1.1rem}.accordion h2{font-size:1.5em;margin-bottom:0em}.Services-path-link,.Services-path-link a{font-size:15px}.service-banner-head h1{text-align:center}.service-banner-head h2{text-align:center}.heading-buttons a{padding:12px 12px}.getstarted{margin:.2em}.bg-section{padding:0em 0em}.middle-content .heading-buttons{padding: 0em;}.card {& details { & summary, & p {font-size: 15px;}}}.intro-flex-mid .flex-fill, .flex-fill-color {padding: 1em;}.intro-flex h2, .intro-flex-mid h2 {font-size: 1.1em;}}@media only screen and (max-width:360px){.banner-section{padding-bottom:2rem}.banner-head h1,.hero-highlight{font-size:1.4rem}.hero-highlight{margin-bottom:14%}.wrap{max-width:286px}h2{font-size:1.4em}.intro-flex p{padding-top:0em}.middle h2{font-size:1.5rem;letter-spacing:.03rem}.heading-buttons{padding-top:1.1rem}.intro-flex-mid h2{font-size:1.3rem;line-height:1.7rem}.accordion-item .accordion-item-title{font-size:1rem}}