.n4b-30-index-1{overflow-x:clip}
.n4b-30-index-1{color:rgb(21, 21, 21);font-family:var(--n4b-font);font-size:14px;font-weight:400;line-height:24.0001px;letter-spacing:0.7px;text-align:center;word-spacing:0px;background-color:rgb(255, 255, 255)}
.n4b-30-index-1{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-body-color-rgb:21, 21, 21;--bs-body-bg-rgb:255, 255, 255;--bs-font-sans-serif:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bs-font-monospace:Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--n4b-font);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.71429;--bs-body-color:#151515;--bs-body-bg:#ffffff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0;--bs-border-radius-sm:0.2rem;--bs-border-radius-lg:0.3rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#6c757d;--bs-link-hover-color:#0d6efd;--bs-code-color:#111111;--bs-highlight-bg:#151515}
.n4b-30-index-1 *,.n4b-30-index-1 ::before,.n4b-30-index-1 ::after{box-sizing: border-box;}
.n4b-30-index-1 h2,.n4b-30-index-1 h1{margin-top: 0px; margin-bottom: 0.5rem; font-family:var(--n4b-font); font-weight: 400; line-height: 1.1; color: rgb(21, 21, 21);}
.n4b-30-index-1 h2,.n4b-30-index-1 h1{font-size: calc(1.5625rem + 3.75vw);}
@media (min-width: 1200px){
.n4b-30-index-1 h2,.n4b-30-index-1 h1{font-size: 4.375rem;}
}
.n4b-30-index-1 a{color: var(--bs-link-color); text-decoration: none;}
.n4b-30-index-1 a:hover{color: var(--bs-link-hover-color); text-decoration: underline;}
.n4b-30-index-1 ::-webkit-datetime-edit-fields-wrapper,.n4b-30-index-1 ::-webkit-datetime-edit-text,.n4b-30-index-1 ::-webkit-datetime-edit-minute,.n4b-30-index-1 ::-webkit-datetime-edit-hour-field,.n4b-30-index-1 ::-webkit-datetime-edit-day-field,.n4b-30-index-1 ::-webkit-datetime-edit-month-field,.n4b-30-index-1 ::-webkit-datetime-edit-year-field{padding: 0px;}
.n4b-30-index-1 ::-webkit-inner-spin-button{height: auto;}
.n4b-30-index-1 ::-webkit-search-decoration{appearance: none;}
.n4b-30-index-1 ::-webkit-color-swatch-wrapper{padding: 0px;}
.n4b-30-index-1 .container{--bs-gutter-x: 30px; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.n4b-30-index-1 .container{max-width: 540px;}
}
@media (min-width: 768px){
.n4b-30-index-1 .container{max-width: 720px;}
}
@media (min-width: 992px){
.n4b-30-index-1 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.n4b-30-index-1 .container{max-width: 1200px;}
}
.n4b-30-index-1 .row{--bs-gutter-x: 30px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));}
.n4b-30-index-1 .row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);}
.n4b-30-index-1 .col-10{flex: 0 0 auto; width: 83.3333%;}
.n4b-30-index-1 .col-11{flex: 0 0 auto; width: 91.6667%;}
@media (min-width: 576px){
.n4b-30-index-1 .col-sm-8{flex: 0 0 auto; width: 66.6667%;}
.n4b-30-index-1 .col-sm-9{flex: 0 0 auto; width: 75%;}
}
@media (min-width: 768px){
.n4b-30-index-1 .col-md-7{flex: 0 0 auto; width: 58.3333%;}
.n4b-30-index-1 .col-md-8{flex: 0 0 auto; width: 66.6667%;}
}
@media (min-width: 992px){
.n4b-30-index-1 .col-lg-5{flex: 0 0 auto; width: 41.6667%;}
.n4b-30-index-1 .col-lg-6{flex: 0 0 auto; width: 50%;}
.n4b-30-index-1 .col-lg-7{flex: 0 0 auto; width: 58.3333%;}
}
@media (min-width: 1200px){
.n4b-30-index-1 .col-xl-5{flex: 0 0 auto; width: 41.6667%;}
.n4b-30-index-1 .col-xl-6{flex: 0 0 auto; width: 50%;}
}
@media (min-width: 1600px){
.n4b-30-index-1 .col-xxl-4{flex: 0 0 auto; width: 33.3333%;}
.n4b-30-index-1 .col-xxl-5{flex: 0 0 auto; width: 41.6667%;}
}
.n4b-30-index-1 .text-start{text-align: left !important;}
.n4b-30-index-1 a:focus{outline: none !important;}
.n4b-30-index-1 :focus{outline: none;}
.n4b-30-index-1 h2,.n4b-30-index-1 h1{margin-top: 0px; margin-bottom: 0px; font-weight: 400; font-family:var(--n4b-font); letter-spacing: 0.05em; text-transform: uppercase; color: rgb(21, 21, 21);}
.n4b-30-index-1 h2,.n4b-30-index-1 h1{font-size: 36px; line-height: 0.88;}
@media (min-width: 768px){
.n4b-30-index-1 h2,.n4b-30-index-1 h1{font-size: 50px;}
}
@media (min-width: 992px){
.n4b-30-index-1 h2,.n4b-30-index-1 h1{font-size: 60px;}
}
@media (min-width: 1200px){
.n4b-30-index-1 h2,.n4b-30-index-1 h1{font-size: 70px; line-height: 1;}
}
.n4b-30-index-1 [class*="col-"]{position: relative;}
.n4b-30-index-1 a{transition: 0.3s ease-in-out;}
.n4b-30-index-1 a,.n4b-30-index-1 a:focus,.n4b-30-index-1 a:active,.n4b-30-index-1 a:hover{text-decoration: none;}
.n4b-30-index-1 a,.n4b-30-index-1 a:focus,.n4b-30-index-1 a:active{color: color-mix(in srgb, var(--n4b-p), white 69%);}
.n4b-30-index-1 a:hover{color: color-mix(in srgb, var(--n4b-p), white 10%);}
.n4b-30-index-1 .button{position: relative; overflow: hidden; display: inline-block; min-width: 200px; padding: 17px 33px 15px; font-size: 18px; line-height: 1.34; border: 2px solid; font-family:var(--n4b-font); font-weight: 500; letter-spacing: 0.075em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: pointer; vertical-align: middle; user-select: none; transition: 250ms ease-in-out;}
.n4b-30-index-1 .button-default-outline-2,.n4b-30-index-1 .button-default-outline-2:focus{color: rgb(21, 21, 21); background-color: transparent; border-color: rgb(21, 21, 21);}
.n4b-30-index-1 .button-default-outline-2:hover,.n4b-30-index-1 .button-default-outline-2:active{color: rgb(255, 255, 255); background-color: color-mix(in srgb, var(--n4b-p), white 69%); border-color: color-mix(in srgb, var(--n4b-p), white 69%);}
.n4b-30-index-1 .button-default-outline-2.button-ujarak::before{background: color-mix(in srgb, var(--n4b-p), white 69%);}
.n4b-30-index-1 .button-ujarak{position: relative; z-index: 0; transition: background 0.4s, border-color 0.4s, color 0.4s;}
.n4b-30-index-1 .button-ujarak::before{content: ""; position: absolute; top: 0px; left: 0px; width: 101%; height: 101%; background: color-mix(in srgb, var(--n4b-p), white 10%); z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.42s, opacity 0.42s; border-radius: inherit;}
.n4b-30-index-1 .button-ujarak,.n4b-30-index-1 .button-ujarak::before{transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.n4b-30-index-1 .button-ujarak:hover{transition: background 0.4s 0.4s, border-color 0.4s, color 0.2s;}
.n4b-30-index-1 .button-ujarak:hover::before{opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);}
.n4b-30-index-1 * + .button-wrap{margin-top: 35px;}
.n4b-30-index-1 .oh{position: relative; overflow: hidden;}
.n4b-30-index-1 .swiper-container{display: flex; margin: 0px auto; position: relative; overflow: hidden; height: auto; width: 100%; z-index: 1;}
.n4b-30-index-1 .swiper-wrapper{position: relative; z-index: 1; display: flex; align-self: stretch; align-items: stretch; width: 100%; height: auto; min-height: inherit; transition-property: transform; box-sizing: content-box;}
.n4b-30-index-1 .swiper-container{flex-shrink: 0;}
.n4b-30-index-1 .swiper-wrapper{transform: translate3d(0px, 0px, 0px);}
.n4b-30-index-1 .swiper-button-prev,.n4b-30-index-1 .swiper-button-next{text-align: center; position: absolute; display: none; top: 50%; width: 47px; height: 47px; line-height: 47px; justify-content: center; align-items: center; background: transparent; transform: translateY(-50%); will-change: transform; transition: 0.3s ease-in-out; cursor: pointer; z-index: 10;}
.n4b-30-index-1 .swiper-button-prev::before,.n4b-30-index-1 .swiper-button-next::before{display: inline-block; content: ""; width: 0px; height: 0px; border-style: solid; border-color: transparent; transform: none; transition: inherit;}
.n4b-30-index-1 .swiper-button-prev::after,.n4b-30-index-1 .swiper-button-next::after{position: absolute; content: ""; inset: 0px; background: rgb(255, 255, 255); transition: inherit; z-index: -1;}
.n4b-30-index-1 .swiper-button-prev:hover::before,.n4b-30-index-1 .swiper-button-next:hover::before{transform: scale(1.4);}
.n4b-30-index-1 .swiper-button-prev:hover::after,.n4b-30-index-1 .swiper-button-next:hover::after{border-radius: 50%; background: color-mix(in srgb, var(--n4b-p), white 69%);}
@media (min-width: 768px){
.n4b-30-index-1 .swiper-button-prev,.n4b-30-index-1 .swiper-button-next{display: flex;}
}
.n4b-30-index-1 .swiper-button-prev{left: 15px;}
.n4b-30-index-1 .swiper-button-prev::before{margin-left: -4px; border-width: 5px 8px 5px 0px; border-right-color: color-mix(in srgb, var(--n4b-p), white 69%);}
.n4b-30-index-1 .swiper-button-prev:hover::before{border-right-color: rgb(255, 255, 255);}
.n4b-30-index-1 .swiper-button-prev:hover::after{transform: rotate(-360deg);}
@media (min-width: 1600px){
.n4b-30-index-1 .swiper-button-prev{left: 75px;}
}
.n4b-30-index-1 .swiper-button-next{right: 15px;}
.n4b-30-index-1 .swiper-button-next::before{margin-right: -4px; border-width: 5px 0px 5px 8px; border-left-color: color-mix(in srgb, var(--n4b-p), white 69%);}
.n4b-30-index-1 .swiper-button-next:hover::before{border-left-color: rgb(255, 255, 255);}
.n4b-30-index-1 .swiper-button-next:hover::after{transform: rotate(360deg);}
@media (min-width: 1600px){
.n4b-30-index-1 .swiper-button-next{right: 75px;}
}
.n4b-30-index-1 .swiper-pagination{position: absolute; display: block; text-align: center; transform: translate3d(0px, 0px, 0px); transition: 0.3s; z-index: 10;}
.n4b-30-index-1 .swiper-container-horizontal > .swiper-pagination{bottom: 30px; left: 0px; width: 100%;}
.n4b-30-index-1 .swiper-slide{position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 100%; height: 100%; white-space: nowrap; background-position: 50% 50%;}
.n4b-30-index-1 .swiper-slide-caption{width: 100%; white-space: normal;}
@media (max-width: 767.98px){
.n4b-30-index-1 .swiper-slide-caption{padding-bottom: 80px;}
}
.n4b-30-index-1 .swiper-slider-modern{min-height: 44.2708vw;}
.n4b-30-index-1 .swiper-slider-modern .swiper-slide{background-position: 0px 50%;}
.n4b-30-index-1 .swiper-slider-modern .swiper-slide-caption{padding-top: 60px;}
.n4b-30-index-1 .swiper-slider-modern .swiper-button-prev,.n4b-30-index-1 .swiper-slider-modern .swiper-button-next{transform: none; top: 51%;}
.n4b-30-index-1 .swiper-slider-modern .slider-modern-title{line-height: 1.115; font-weight: 300; letter-spacing: 0.025em;}
.n4b-30-index-1 .swiper-slider-modern .slider-modern-title span{display: block;}
.n4b-30-index-1 .swiper-slider-modern .button{min-width: auto; padding-left: 40px; padding-right: 40px;}
.n4b-30-index-1 .swiper-slider-modern * + .button-wrap{margin-top: 30px;}
@media (max-width: 575.98px){
.n4b-30-index-1 .swiper-slider-modern .swiper-slide{background-position: 30% 50%;}
}
@media (min-width: 768px){
.n4b-30-index-1 .swiper-slider-modern .swiper-slide-caption{padding-top: 70px; padding-bottom: 70px;}
.n4b-30-index-1 .swiper-slider-modern .slider-modern-box{margin-left: 60px;}
.n4b-30-index-1 .swiper-slider-modern .swiper-pagination{display: none;}
}
@media (min-width: 992px){
.n4b-30-index-1 .swiper-slider-modern .swiper-slide-caption{padding-top: 80px; padding-bottom: 80px;}
.n4b-30-index-1 .swiper-slider-modern .slider-modern-box{margin-left: 80px;}
}
@media (min-width: 1200px){
.n4b-30-index-1 .swiper-slider-modern .swiper-slide-caption{padding-top: 200px; padding-bottom: 96px;}
.n4b-30-index-1 .swiper-slider-modern .slider-modern-box{margin-left: 90px;}
.n4b-30-index-1 .swiper-slider-modern * + .button-wrap{margin-top: 40px;}
}
@media (min-width: 1600px){
.n4b-30-index-1 .swiper-slider-modern .slider-modern-box{margin-left: 24px;}
}
.n4b-30-index-1 h1,.n4b-30-index-1 h2,.n4b-30-index-1 h3,.n4b-30-index-1 h4,.n4b-30-index-1 p,.n4b-30-index-1 .slider-modern-title,.n4b-30-index-1 h1{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.n4b-68-index-3{overflow-x:clip}
.n4b-68-index-3{color:rgb(106, 106, 124);font-family:var(--n4b-font);font-size:16px;font-weight:400;line-height:25.6px;letter-spacing:normal;text-align:left;word-spacing:0px;background-color:rgb(255, 255, 255)}
.n4b-68-index-3{--blue:#ff5e14;--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:#ff5e14;--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}
.n4b-68-index-3 *,.n4b-68-index-3 ::after,.n4b-68-index-3 ::before{box-sizing: border-box;}
.n4b-68-index-3 h2,.n4b-68-index-3 h3{margin-top: 0px; margin-bottom: 0.5rem;}
.n4b-68-index-3 a{color: color-mix(in srgb, var(--n4b-s), white 30%); text-decoration: none; background-color: transparent;}
.n4b-68-index-3 a:hover{color: color-mix(in srgb, var(--n4b-p), black 18%); text-decoration: underline;}
.n4b-68-index-3 img{vertical-align: middle; border-style: none;}
.n4b-68-index-3 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.n4b-68-index-3 h2,.n4b-68-index-3 h3{margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit;}
.n4b-68-index-3 h2{font-size: 2rem;}
.n4b-68-index-3 h3{font-size: 1.75rem;}
.n4b-68-index-3 .container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.n4b-68-index-3 .container{max-width: 540px;}
}
@media (min-width: 768px){
.n4b-68-index-3 .container{max-width: 720px;}
}
@media (min-width: 992px){
.n4b-68-index-3 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.n4b-68-index-3 .container{max-width: 1200px;}
}
.n4b-68-index-3 .row{display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.n4b-68-index-3 .col-lg-6,.n4b-68-index-3 .col-md-6{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
@media (min-width: 768px){
.n4b-68-index-3 .col-md-6{-webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%;}
}
@media (min-width: 992px){
.n4b-68-index-3 .col-lg-6{-webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%;}
}
.n4b-68-index-3 .text-left{text-align: left !important;}
@media print{
.n4b-68-index-3 *,.n4b-68-index-3 ::after,.n4b-68-index-3 ::before{text-shadow: none !important; box-shadow: none !important;}
.n4b-68-index-3 a:not(.btn){text-decoration: underline;}
.n4b-68-index-3 img{break-inside: avoid;}
.n4b-68-index-3 h2,.n4b-68-index-3 h3{orphans: 3; widows: 3;}
.n4b-68-index-3 h2,.n4b-68-index-3 h3{break-after: avoid;}
.n4b-68-index-3 .container{min-width: 992px !important;}
}
.n4b-68-index-3{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}
.n4b-68-index-3{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}
.n4b-68-index-3{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}
.n4b-68-index-3{--swiper-theme-color:#007aff}
.n4b-68-index-3{--swiper-navigation-size:44px}
.n4b-68-index-3 a{background-color: transparent;}
.n4b-68-index-3 img{border-style: none;}
.n4b-68-index-3 ::-webkit-file-upload-button{appearance: button; font: inherit;}
.n4b-68-index-3 img{max-width: 100%; height: auto;}
.n4b-68-index-3 a:focus{text-decoration: none; outline: 0px;}
.n4b-68-index-3 a{font-style: normal; font-weight: 400;}
.n4b-68-index-3 .single_image{}
.n4b-68-index-3 a{color: rgb(106, 106, 124); transition: 0.5s;}
.n4b-68-index-3 a:hover{text-decoration: none; color: color-mix(in srgb, var(--n4b-p), black 9%);}
.n4b-68-index-3 h2,.n4b-68-index-3 h3{font-family:var(--n4b-font); font-style: normal; line-height: 1.2; font-weight: 700; font-size: 22px; transition: 0.5s; margin-bottom: 5px; color: color-mix(in srgb, var(--n4b-dk), black 55%);}
.n4b-68-index-3 a:focus{text-decoration: none; outline: none;}
.n4b-68-index-3 .witr_section_title_inner h2,.n4b-68-index-3 .witr_section_title_inner h3{font-size: 36px; margin: auto; font-weight: 700; line-height: 1.4;}
.n4b-68-index-3 .witr_section_title_inner h3{padding: 5px 0px 0px;}
.n4b-68-index-3 .witr_section_title_inner h2{font-size: 16px; display: inline-block; border-radius: 30px; margin-bottom: 10px; color: color-mix(in srgb, var(--n4b-p), black 9%);}
.n4b-68-index-3 .witr_section_title{margin-bottom: 45px;}
.n4b-68-index-3 .witr_btn{border-radius: 5px; display: inline-block; font-size: 17px; padding: 18px 40px; text-align: center; position: relative; margin-right: 15px; z-index: 2; font-family:var(--n4b-font); transition: 1s; font-weight: 700; background: rgb(255, 255, 255); color: rgb(0, 0, 0);}
.n4b-68-index-3 .cctv_about_area{padding: 100px 0px;}
.n4b-68-index-3 .about_content_inner{padding-left: 20px;}
.n4b-68-index-3 .cctv_about_image_inner{padding-right: 20px;}
.n4b-68-index-3 .cctv_about_area .witr_section_title{margin-bottom: 32px;}
.n4b-68-index-3 .cctv_about_area .witr_btn{font-size: 16px; background: color-mix(in srgb, var(--n4b-p), black 9%); color: rgb(255, 255, 255); font-family:var(--n4b-font); margin-top: 22px;}
.n4b-68-index-3 .witr_btn:hover{background: rgb(0, 0, 0); color: rgb(255, 255, 255);}
@media (min-width: 992px) and (max-width: 1199px){
.n4b-68-index-3 .single_image{left: 0px !important;}
.n4b-68-index-3 .single_image img{width: 100% !important; max-width: 100% !important;}
.n4b-68-index-3 .witr_section_title_inner h3{font-size: 27px;}
.n4b-68-index-3 .cctv_about_image_inner{padding-right: 0px;}
.n4b-68-index-3 .about_content_inner{padding-left: 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
.n4b-68-index-3 .witr_section_title_inner h3{font-size: 30px;}
.n4b-68-index-3 .cctv_about_area .witr_section_title_inner h3{font-size: 27px;}
.n4b-68-index-3 .about_content_inner{padding-left: 0px;}
.n4b-68-index-3 .cctv_about_image_inner{padding-right: 0px;}
.n4b-68-index-3 .single_image{left: 0px !important;}
.n4b-68-index-3 .single_image img{width: 100% !important; max-width: 100% !important;}
.n4b-68-index-3 .witr_btn{margin-top: 11px !important; margin-bottom: 15px;}
}
@media (max-width: 767px){
.n4b-68-index-3 .about_content_inner{padding-left: 0px;}
.n4b-68-index-3 .witr_btn{margin-right: 0px;}
.n4b-68-index-3 .witr_section_title_inner h2,.n4b-68-index-3 .witr_section_title_inner h3{font-size: 21px; line-height: 30px;}
.n4b-68-index-3 .witr_section_title_inner h2{margin-bottom: 4px; font-size: 15px; padding-top: 10px;}
.n4b-68-index-3 .witr_section_title{text-align: center;}
.n4b-68-index-3 .cctv_about_image_inner{padding-right: 0px; margin-top: 50px;}
.n4b-68-index-3 .witr_btn{margin-top: 11px !important; margin-bottom: 15px;}
.n4b-68-index-3 .single_image{left: 0px !important;}
.n4b-68-index-3 .single_image img{width: 100% !important; max-width: 100% !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.n4b-68-index-3 .witr_section_title_inner h2,.n4b-68-index-3 .witr_section_title_inner h3{font-size: 25px;}
}
.n4b-60-index-6{overflow-x:clip}
.n4b-60-index-6{color:color-mix(in srgb, var(--n4b-p), black 30%);font-family:var(--n4b-font);font-size:15px;font-weight:400;line-height:22.5px;letter-spacing:normal;text-align:start;word-spacing:0px;background-color:rgb(255, 255, 255)}
.n4b-60-index-6{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
.n4b-60-index-6 *,.n4b-60-index-6 ::after,.n4b-60-index-6 ::before{box-sizing: border-box;}
.n4b-60-index-6 h2{margin-top: 0px; margin-bottom: 7.5px; font-weight: 500; line-height: 1.2;}
.n4b-60-index-6 h2{font-size: calc(19.88px + 0.9vw);}
@media (min-width: 1200px){
.n4b-60-index-6 h2{font-size: 30px;}
}
.n4b-60-index-6 p{margin-top: 0px; margin-bottom: 15px;}
.n4b-60-index-6 img{vertical-align: middle;}
.n4b-60-index-6 ::-webkit-datetime-edit-day-field,.n4b-60-index-6 ::-webkit-datetime-edit-fields-wrapper,.n4b-60-index-6 ::-webkit-datetime-edit-hour-field,.n4b-60-index-6 ::-webkit-datetime-edit-minute,.n4b-60-index-6 ::-webkit-datetime-edit-month-field,.n4b-60-index-6 ::-webkit-datetime-edit-text,.n4b-60-index-6 ::-webkit-datetime-edit-year-field{padding: 0px;}
.n4b-60-index-6 ::-webkit-inner-spin-button{height: auto;}
.n4b-60-index-6 ::-webkit-search-decoration{appearance: none;}
.n4b-60-index-6 ::-webkit-color-swatch-wrapper{padding: 0px;}
.n4b-60-index-6 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.n4b-60-index-6 .container{width: 100%; padding-right: var(--bs-gutter-x,11.25px); padding-left: var(--bs-gutter-x,11.25px); margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.n4b-60-index-6 .container{max-width: 540px;}
}
@media (min-width: 768px){
.n4b-60-index-6 .container{max-width: 720px;}
}
@media (min-width: 992px){
.n4b-60-index-6 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.n4b-60-index-6 .container{max-width: 1140px;}
}
@media (min-width: 1400px){
.n4b-60-index-6 .container{max-width: 1320px;}
}
.n4b-60-index-6 .row{--bs-gutter-x: 22.5px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2);}
.n4b-60-index-6 .row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y);}
.n4b-60-index-6 .col-12{flex: 0 0 auto; width: 100%;}
@media (min-width: 768px){
.n4b-60-index-6 .col-md-6{flex: 0 0 auto; width: 50%;}
}
@media (min-width: 992px){
.n4b-60-index-6 .col-lg-3{flex: 0 0 auto; width: 25%;}
.n4b-60-index-6 .col-lg-5{flex: 0 0 auto; width: 41.6667%;}
}
.n4b-60-index-6 .justify-content-center{justify-content: center !important;}
.n4b-60-index-6 .align-items-center{align-items: center !important;}
.n4b-60-index-6 p{font-size: 16px; color: rgb(76, 81, 101); line-height: 1.8em;}
.n4b-60-index-6 h2{color: var(--n4b-dk); font-family:var(--n4b-font);}
.n4b-60-index-6 .section-padding{padding: 120px 0px;}
@media (max-width: 767px){
.n4b-60-index-6 .section-padding{padding: 80px 0px;}
}
.n4b-60-index-6 .wpo-section-title{margin: 0px auto;}
.n4b-60-index-6 .wpo-section-title p{max-width: 470px; margin: 0px auto;}
.n4b-60-index-6 .wpo-section-title{text-align: center; margin-bottom: 60px; position: relative;}
@media (max-width: 767px){
.n4b-60-index-6 .wpo-section-title{margin-bottom: 40px;}
}
.n4b-60-index-6 .wpo-section-title h2{font-size: 45px; line-height: 55px; margin: 0px 0px 20px; position: relative; text-transform: capitalize; font-family:var(--n4b-font); font-weight: 900;}
@media (max-width: 1400px){
.n4b-60-index-6 .wpo-section-title h2{font-size: 30px;}
}
@media (max-width: 767px){
.n4b-60-index-6 .wpo-section-title h2{font-size: 32px; line-height: 50px;}
}
@media (max-width: 330px){
.n4b-60-index-6 .wpo-section-title h2{font-size: 24px; line-height: 45px; margin-bottom: 10px;}
}
.n4b-60-index-6 .wpo-service-section-s2{padding: 40px 0px 90px; position: relative;}
@media (max-width: 1700px){
.n4b-60-index-6 .wpo-service-section-s2{padding: 0px 0px 50px;}
}
@media (max-width: 991px){
.n4b-60-index-6 .wpo-service-section-s2{padding-top: 0px;}
}
.n4b-60-index-6 .wpo-service-section-s2.pt-120{padding-top: 100px;}
@media (max-width: 991px){
.n4b-60-index-6 .wpo-service-section-s2.pt-120{padding-top: 80px;}
.n4b-60-index-6 .wpo-service-section-s2.pt-120{padding-top: 70px;}
}
.n4b-60-index-6 .wpo-service-section-s2 .wpo-service-item{box-shadow: rgba(33, 33, 33, 0.05) 0px 2px 10.2px 1.8px; padding: 55px 30px; text-align: center; overflow: hidden; position: relative; z-index: 1; margin-bottom: 30px;}
@media (max-width: 1200px){
.n4b-60-index-6 .wpo-service-section-s2 .wpo-service-item{padding: 55px 25px;}
}
@media (max-width: 767px){
.n4b-60-index-6 .wpo-service-section-s2 .wpo-service-item{padding: 35px 15px;}
}
.n4b-60-index-6 .wpo-service-section-s2 .wpo-service-item .wpo-service-img{margin-bottom: 20px;}
.n4b-60-index-6 .wpo-service-section-s2 .wpo-service-item .wpo-service-img img{-webkit-user-drag: none; user-select: none;}
.n4b-60-index-6 .wpo-service-section-s2 .wpo-service-item .wpo-service-text h2{font-size: 22px; font-weight: 600;}
.n4b-60-index-6 .wpo-service-section-s2 .wpo-service-item .wpo-service-text p{margin-bottom: 0px;}
.n4b-60-index-6 .wpo-service-section-s2 .wpo-service-item .visible-icon{position: absolute; right: 30px; top: 0px; z-index: -1; opacity: 0.09;}
.n4b-60-index-6 .wpo-service-section-s2 .wpo-service-item .visible-icon img{width: 140%; -webkit-user-drag: none; user-select: none;}
.n4b-63-index-8{overflow-x:clip}
@font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; font-display: auto; src: url("63/assets/font/fa-light-300.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-display: auto; src: url("63/assets/font/fa-regular-400.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; font-display: auto; src: url("63/assets/font/fa-solid-900.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: Flaticon; font-weight: normal; font-style: normal; src: url("63/assets/font/Flaticon.woff2") format("woff2"); font-display: swap; }
.n4b-63-index-8{color:rgb(34, 34, 34);font-family:var(--n4b-font);font-size:16px;font-weight:400;line-height:27.2px;letter-spacing:normal;text-align:left;word-spacing:0px;background-color:rgb(255, 255, 255)}
.n4b-63-index-8{--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,"Noto Sans",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}
.n4b-63-index-8 *,.n4b-63-index-8 ::after,.n4b-63-index-8 ::before{box-sizing: border-box;}
.n4b-63-index-8 section{display: block;}
.n4b-63-index-8 h2,.n4b-63-index-8 h4{margin-top: 0px; margin-bottom: 0.5rem;}
.n4b-63-index-8 img{vertical-align: middle; border-style: none;}
.n4b-63-index-8 button{border-radius: 0px;}
.n4b-63-index-8 button:focus{outline: -webkit-focus-ring-color auto 5px;}
.n4b-63-index-8 button,.n4b-63-index-8 input{margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit;}
.n4b-63-index-8 button,.n4b-63-index-8 input{overflow: visible;}
.n4b-63-index-8 button{text-transform: none;}
.n4b-63-index-8 [type="submit"],.n4b-63-index-8 button{appearance: button;}
.n4b-63-index-8 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.n4b-63-index-8 h2,.n4b-63-index-8 h4{margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;}
.n4b-63-index-8 h2{font-size: 2rem;}
.n4b-63-index-8 h4{font-size: 1.5rem;}
.n4b-63-index-8 .row{display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.n4b-63-index-8 .no-gutters{margin-right: 0px; margin-left: 0px;}
.n4b-63-index-8 .no-gutters > [class*="col-"]{padding-right: 0px; padding-left: 0px;}
.n4b-63-index-8 .col-lg-12,.n4b-63-index-8 .col-md-12,.n4b-63-index-8 .col-xl-6{position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}
@media (min-width: 768px){
.n4b-63-index-8 .col-md-12{flex: 0 0 100%; max-width: 100%;}
}
@media (min-width: 992px){
.n4b-63-index-8 .col-lg-12{flex: 0 0 100%; max-width: 100%;}
}
@media (min-width: 1200px){
.n4b-63-index-8 .col-xl-6{flex: 0 0 50%; max-width: 50%;}
}
.n4b-63-index-8 .form-control{display: block; width: 100%; height: calc(1.5em + 2px + 0.75rem); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
@media (prefers-reduced-motion: reduce){
.n4b-63-index-8 .form-control{transition: none;}
}
.n4b-63-index-8 .form-control:focus{color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: color-mix(in srgb, var(--n4b-p), white 56%); outline: 0px; box-shadow: color-mix(in srgb, color-mix(in srgb, var(--n4b-p), white 16%) 25%, transparent) 0px 0px 0px 0.2rem;}
.n4b-63-index-8 .form-control::-webkit-input-placeholder{color: rgb(108, 117, 125); opacity: 1;}
.n4b-63-index-8 .form-control::placeholder{color: rgb(108, 117, 125); opacity: 1;}
.n4b-63-index-8 .form-control:disabled{background-color: rgb(233, 236, 239); opacity: 1;}
.n4b-63-index-8 .form-group{margin-bottom: 1rem;}
.n4b-63-index-8 .w-100{width: 100% !important;}
.n4b-63-index-8 .p-0{padding: 0px !important;}
@media print{
.n4b-63-index-8 *,.n4b-63-index-8 ::after,.n4b-63-index-8 ::before{text-shadow: none !important; box-shadow: none !important;}
.n4b-63-index-8 img{break-inside: avoid;}
.n4b-63-index-8 h2{orphans: 3; widows: 3;}
.n4b-63-index-8 h2{break-after: avoid;}
}
.n4b-63-index-8 .fas{-webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.n4b-63-index-8 .fa-star::before{content: "";}
.n4b-63-index-8 .fas{font-family: "Font Awesome 5 Pro"; font-weight: 900;}
.n4b-63-index-8 .owl-carousel{display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.n4b-63-index-8 .owl-carousel.owl-loaded{display: block;}
.n4b-63-index-8 *{margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-size: 100%; line-height: inherit;}
.n4b-63-index-8 h2,.n4b-63-index-8 h4{position: relative; font-weight: normal; line-height: 1.25em; margin: 0px; background: none;}
.n4b-63-index-8 button{cursor: pointer; outline: none !important;}
.n4b-63-index-8 .text{font-size: 16px; line-height: 26px; font-weight: 400; margin: 0px 0px 15px;}
.n4b-63-index-8 ::-webkit-input-placeholder{color: inherit;}
.n4b-63-index-8 .auto-container{position: static; max-width: 1170px; padding: 0px 15px; margin: 0px auto;}
.n4b-63-index-8 .theme-btn{display: inline-block; transition: 0.3s;}
.n4b-63-index-8 img{display: inline-block; max-width: 100%; height: auto;}
.n4b-63-index-8 .theme-btn{display: inline-block; transition: 0.5s;}
.n4b-63-index-8 .btn-style-one{position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: rgb(255, 255, 255); padding: 16px 26px 16px 65px; font-weight: 600; border-radius: 3px; overflow: hidden; text-transform: uppercase;}
.n4b-63-index-8 .btn-style-one:hover{color: rgb(255, 255, 255);}
.n4b-63-index-8 .btn-style-one::before{position: absolute; left: 0px; top: -5px; height: 66px; width: 48px; content: ""; background-color: rgb(0, 0, 0); transition: 0.5s; opacity: 0.1; border-top-right-radius: 33px; border-bottom-right-radius: 33px;}
.n4b-63-index-8 .btn-style-one:hover::before{width: 100%; border-radius: 0px;}
.n4b-63-index-8 .btn-style-one span{position: relative;}
.n4b-63-index-8 .btn-style-one::after{font-family: Flaticon; content: ""; position: absolute; left: 16px; top: 14px; line-height: 25px; font-size: 17px; color: rgb(255, 255, 255);}
.n4b-63-index-8 .estimate-form{padding: 40px; background-color: rgb(255, 255, 255); border-radius: 5px; max-width: 430px; top: 0px; right: 0px;}
.n4b-63-index-8 .estimate-form .title{position: relative; font-size: 30px; font-family:var(--n4b-font);}
.n4b-63-index-8 .estimate-form .sub-title{position: relative; font-size: 16px; font-family:var(--n4b-font); margin-bottom: 30px;}
.n4b-63-index-8 .estimate-form .form-group{margin-bottom: 10px;}
.n4b-63-index-8 .estimate-form .form-group input{width: 100%; background-color: rgb(249, 249, 249); height: 54px; padding: 0px 20px; border: 1px solid rgb(238, 238, 238);}
.n4b-63-index-8 .sec-title{position: relative; margin-bottom: 50px;}
.n4b-63-index-8 .sec-title .sub-title{position: relative; font-size: 16px;}
.n4b-63-index-8 .sec-title.light .sub-title{color: rgb(255, 255, 255);}
.n4b-63-index-8 .sec-title h2{position: relative; font-size: 48px; line-height: 60px; font-family:var(--n4b-font);}
.n4b-63-index-8 .sec-title.light h2{color: rgb(255, 255, 255);}
.n4b-63-index-8 .testimonial-block{position: relative; padding: 15px 15px 40px;}
.n4b-63-index-8 .testimonial-block .inner-box{position: relative; background-color: rgb(255, 255, 255); padding: 40px; margin-bottom: 30px; transition: 0.5s;}
.n4b-63-index-8 .testimonial-block .inner-box:hover{box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 32px 0px;}
.n4b-63-index-8 .testimonial-block .author-box{position: relative; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 35px;}
.n4b-63-index-8 .testimonial-block .author-box .author-thumb{position: relative; margin-right: 15px;}
.n4b-63-index-8 .testimonial-block .author-box .author-thumb img{border-radius: 50%;}
.n4b-63-index-8 .testimonial-block h4{position: relative; font-size: 18px; font-family:var(--n4b-font);}
.n4b-63-index-8 .testimonial-block .rating{font-size: 12px; color: color-mix(in srgb, var(--n4b-p), white 40%);}
.n4b-63-index-8 .testimonial-block .rating span{margin-right: 2px;}
.n4b-63-index-8 .two-column-section{position: relative; padding: 110px 0px 60px; background-size: cover;}
.n4b-63-index-8 .two-column-section .auto-container{max-width: 1370px;}
.n4b-63-index-8 .two-column-section .inner-container{max-width: 500px;}
.n4b-63-index-8 .two-column-section .right-column .inner-container{margin: 0px 0px 0px auto;}
.n4b-63-index-8 .two-column-section .divider{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); color: rgb(255, 255, 255); background-color: rgb(60, 93, 92); padding: 1px 12px 1px 18px; font-size: 14px; letter-spacing: 5px; border-radius: 15.5px;}
.n4b-63-index-8 .two-column-section::before{position: absolute; content: ""; left: 50%; top: 0px; bottom: 0px; width: 1px; background: rgb(60, 93, 92);}
.n4b-63-index-8 .two-column-section .testimonial-block .author-box{margin-bottom: 15px; margin-top: 35px;}
.n4b-63-index-8 .two-column-section .estimate-form{max-width: 500px; margin-bottom: 30px;}
.n4b-63-index-8 .two-column-section .estimate-form .title{font-size: 36px; margin-bottom: 20px;}
.n4b-63-index-8 .two-column-section .estimate-form .form-group{padding: 0px 5px;}
@media only screen and (max-width: 991px){
.n4b-63-index-8 .two-column-section .right-column .inner-container{margin-left: 0px;}
.n4b-63-index-8 .two-column-section::before{display: none;}
.n4b-63-index-8 .two-column-section .divider{display: none;}
}
.n4b-63-index-8 .btn-style-one{background-color: color-mix(in srgb, var(--n4b-p), black 30%);}
.n4b-63-index-8 .sec-title .sub-title{color: color-mix(in srgb, var(--n4b-p), black 30%);}
.n4b-47-index-5{overflow-x:clip}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 40px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
.n4b-47-index-5{color:rgb(21, 21, 21);font-family:var(--n4b-font);font-size:14px;font-weight:400;line-height:24.0001px;letter-spacing:0.7px;text-align:center;word-spacing:0px;background-color:rgb(255, 255, 255)}
.n4b-47-index-5{--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;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1600px;--font-family-sans-serif:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-monospace:Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.n4b-47-index-5 *,.n4b-47-index-5 ::before,.n4b-47-index-5 ::after{box-sizing: border-box;}
.n4b-47-index-5 section{display: block;}
.n4b-47-index-5 h3{margin-top: 0px; margin-bottom: 0.5rem;}
.n4b-47-index-5 a{color: color-mix(in srgb, var(--n4b-p), white 29%); text-decoration: none; background-color: transparent;}
.n4b-47-index-5 a:hover{color: var(--n4b-p); text-decoration: underline;}
.n4b-47-index-5 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.n4b-47-index-5 h3{margin-bottom: 0.5rem; font-family:var(--n4b-font); font-weight: 400; line-height: 1.1; color: rgb(21, 21, 21);}
.n4b-47-index-5 h3{font-size: 3rem;}
.n4b-47-index-5 .container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.n4b-47-index-5 .container{max-width: 540px;}
}
@media (min-width: 768px){
.n4b-47-index-5 .container{max-width: 720px;}
}
@media (min-width: 992px){
.n4b-47-index-5 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.n4b-47-index-5 .container{max-width: 1200px;}
}
.n4b-47-index-5 .row{display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.n4b-47-index-5 .col-md-8{position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}
@media (min-width: 768px){
.n4b-47-index-5 .col-md-8{flex: 0 0 66.6667%; max-width: 66.6667%;}
}
.n4b-47-index-5 .d-inline-block{display: inline-block !important;}
.n4b-47-index-5 .justify-content-center{justify-content: center !important;}
.n4b-47-index-5 .text-center{text-align: center !important;}
.n4b-47-index-5 .font-weight-normal{font-weight: 400 !important;}
@media print{
.n4b-47-index-5 *,.n4b-47-index-5 ::before,.n4b-47-index-5 ::after{text-shadow: none !important; box-shadow: none !important;}
.n4b-47-index-5 a:not(.btn){text-decoration: underline;}
.n4b-47-index-5 h3{orphans: 3; widows: 3;}
.n4b-47-index-5 h3{break-after: avoid;}
.n4b-47-index-5 .container{min-width: 992px !important;}
}
.n4b-47-index-5 a:focus{outline: none !important;}
.n4b-47-index-5 :focus{outline: none;}
.n4b-47-index-5 h3{margin-top: 0px; margin-bottom: 0px; font-weight: 400; font-family:var(--n4b-font); letter-spacing: 0.05em; text-transform: uppercase; color: rgb(21, 21, 21);}
.n4b-47-index-5 h3{font-size: 32px; line-height: 0.88; font-weight: 300;}
@media (min-width: 768px){
.n4b-47-index-5 h3{font-size: 40px;}
}
@media (min-width: 992px){
.n4b-47-index-5 h3{font-size: 48px; line-height: 1.20833;}
}
.n4b-47-index-5 a{transition: 0.3s ease-in-out;}
.n4b-47-index-5 a,.n4b-47-index-5 a:focus,.n4b-47-index-5 a:active,.n4b-47-index-5 a:hover{text-decoration: none;}
.n4b-47-index-5 a,.n4b-47-index-5 a:focus,.n4b-47-index-5 a:active{color: color-mix(in srgb, var(--n4b-p), white 29%);}
.n4b-47-index-5 a:hover{color: var(--n4b-p);}
.n4b-47-index-5 .button{position: relative; overflow: hidden; display: inline-block; min-width: 200px; padding: 17px 33px 15px; font-size: 18px; line-height: 1.34; border: 2px solid; font-family:var(--n4b-font); font-weight: 500; letter-spacing: 0.075em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: pointer; vertical-align: middle; user-select: none; transition: 250ms ease-in-out;}
.n4b-47-index-5 .button-primary,.n4b-47-index-5 .button-primary:focus{color: rgb(255, 255, 255); background-color: color-mix(in srgb, var(--n4b-p), white 29%); border-color: color-mix(in srgb, var(--n4b-p), white 29%);}
.n4b-47-index-5 .button-primary:hover,.n4b-47-index-5 .button-primary:active{color: rgb(255, 255, 255); background-color: rgb(21, 21, 21); border-color: rgb(21, 21, 21);}
.n4b-47-index-5 .button-primary.button-ujarak::before{background: rgb(21, 21, 21);}
.n4b-47-index-5 .button-ujarak{position: relative; z-index: 0; transition: background 0.4s, border-color 0.4s, color 0.4s;}
.n4b-47-index-5 .button-ujarak::before{content: ""; position: absolute; top: 0px; left: 0px; width: 101%; height: 101%; background: color-mix(in srgb, var(--n4b-p), white 29%); z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.42s, opacity 0.42s; border-radius: inherit;}
.n4b-47-index-5 .button-ujarak,.n4b-47-index-5 .button-ujarak::before{transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.n4b-47-index-5 .button-ujarak:hover{transition: background 0.4s 0.4s, border-color 0.4s, color 0.2s;}
.n4b-47-index-5 .button-ujarak:hover::before{opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);}
.n4b-47-index-5 * + .button{margin-top: 30px;}
.n4b-47-index-5 .section-sm{padding: 30px 0px;}
.n4b-47-index-5 .section-xl{padding: 60px 0px;}
@media (min-width: 768px){
.n4b-47-index-5 .section-sm{padding: 40px 0px;}
.n4b-47-index-5 .section-xl{padding: 90px 0px;}
}
@media (min-width: 992px){
.n4b-47-index-5 .section-sm{padding: 50px 0px;}
.n4b-47-index-5 .section-xl{padding: 100px 0px;}
}
@media (min-width: 1600px){
.n4b-47-index-5 .section-inset-custom-2{padding-top: 90px; padding-bottom: 130px;}
}
.n4b-47-index-5 .context-dark,.n4b-47-index-5 .context-dark h3{color: rgb(255, 255, 255);}
.n4b-47-index-5 .context-dark .button.button-ujarak:not([class*="button-secondary"])::before{background: rgb(21, 21, 21);}
.n4b-47-index-5 .context-dark .button.button-ujarak:not([class*="button-secondary"]):hover,.n4b-47-index-5 .context-dark .button.button-ujarak:not([class*="button-secondary"]):active{border-color: rgb(21, 21, 21);}
.n4b-47-index-5 .bg-default{background-color: rgb(255, 255, 255);}
.n4b-47-index-5 [class*="bg-"]{background-size: cover; background-position: center center;}
.n4b-47-index-5 .oh{position: relative; overflow: hidden;}
.n4b-47-index-5 .text-width-extra-large{max-width: 715px;}
.n4b-47-index-5 .text-center [class*="text-width-"]{margin-left: auto; margin-right: auto;}
@media (max-width: 767.98px){
.n4b-47-index-5 [class*="text-width-"]{margin-left: auto; margin-right: auto;}
}
.n4b-47-index-5 .fadeInUp{animation-name: fadeInUp;}
.n4b-47-index-5 .slideInDown{animation-name: slideInDown;}
.n4b-47-index-5 .parallax-container{position: relative; overflow: hidden;}
.n4b-47-index-5 .parallax-content{position: relative; z-index: 1;}
.n4b-70-index-9{overflow-x:clip}
@font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; font-display: auto; src: url("70/assets/font/fa-light-300.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-display: auto; src: url("70/assets/font/fa-regular-400.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; font-display: auto; src: url("70/assets/font/fa-solid-900.woff2") format("woff2"); font-display: swap; }
.n4b-70-index-9{color:rgb(119, 119, 119);font-family:var(--n4b-font);font-size:16px;font-weight:400;line-height:28px;letter-spacing:normal;text-align:start;word-spacing:0px;background-color:rgb(255, 255, 255)}
.n4b-70-index-9 .fal,.n4b-70-index-9 .fas{-webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.n4b-70-index-9 .fa-arrow-right::before{content: "";}
.n4b-70-index-9 .fa-calendar-alt::before{content: "";}
.n4b-70-index-9 .fal{font-weight: 300;}
.n4b-70-index-9 .fal{font-family: "Font Awesome 5 Pro";}
.n4b-70-index-9 .fas{font-family: "Font Awesome 5 Pro"; font-weight: 900;}
.n4b-70-index-9{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
.n4b-70-index-9 *,.n4b-70-index-9 ::after,.n4b-70-index-9 ::before{box-sizing: border-box;}
.n4b-70-index-9 h2{margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;}
.n4b-70-index-9 h2{font-size: calc(1.325rem + 0.9vw);}
@media (min-width: 1200px){
.n4b-70-index-9 h2{font-size: 2rem;}
}
.n4b-70-index-9 p{margin-top: 0px; margin-bottom: 1rem;}
.n4b-70-index-9 ul{padding-left: 2rem;}
.n4b-70-index-9 ul{margin-top: 0px; margin-bottom: 1rem;}
.n4b-70-index-9 a{color: color-mix(in srgb, var(--n4b-s), white 10%); text-decoration: underline;}
.n4b-70-index-9 a:hover{color: color-mix(in srgb, var(--n4b-s), black 10%);}
.n4b-70-index-9 ::-webkit-datetime-edit-day-field,.n4b-70-index-9 ::-webkit-datetime-edit-fields-wrapper,.n4b-70-index-9 ::-webkit-datetime-edit-hour-field,.n4b-70-index-9 ::-webkit-datetime-edit-minute,.n4b-70-index-9 ::-webkit-datetime-edit-month-field,.n4b-70-index-9 ::-webkit-datetime-edit-text,.n4b-70-index-9 ::-webkit-datetime-edit-year-field{padding: 0px;}
.n4b-70-index-9 ::-webkit-inner-spin-button{height: auto;}
.n4b-70-index-9 ::-webkit-search-decoration{appearance: none;}
.n4b-70-index-9 ::-webkit-color-swatch-wrapper{padding: 0px;}
.n4b-70-index-9 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.n4b-70-index-9 .container{width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.n4b-70-index-9 .container{max-width: 540px;}
}
@media (min-width: 768px){
.n4b-70-index-9 .container{max-width: 720px;}
}
@media (min-width: 992px){
.n4b-70-index-9 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.n4b-70-index-9 .container{max-width: 1140px;}
}
@media (min-width: 1400px){
.n4b-70-index-9 .container{max-width: 1320px;}
}
.n4b-70-index-9 .row{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2);}
.n4b-70-index-9 .row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y);}
.n4b-70-index-9 .gy-4{--bs-gutter-y: 1.5rem;}
@media (min-width: 768px){
.n4b-70-index-9 .col-md-6{flex: 0 0 auto; width: 50%;}
}
@media (min-width: 992px){
.n4b-70-index-9 .col-lg-4{flex: 0 0 auto; width: 33.3333%;}
}
.n4b-70-index-9 *{box-sizing: border-box; margin: 0px; padding: 0px;}
.n4b-70-index-9 div,.n4b-70-index-9 span,.n4b-70-index-9 ul,.n4b-70-index-9 li,.n4b-70-index-9 a,.n4b-70-index-9 p,.n4b-70-index-9 h2,.n4b-70-index-9 section{margin: 0px; padding: 0px; border: 0px; outline: 0px;}
.n4b-70-index-9 a:hover,.n4b-70-index-9 a:focus,.n4b-70-index-9 a:active{text-decoration: none; border: 0px; transition: 0.3s ease-in-out; outline: none !important;}
.n4b-70-index-9 ::-webkit-input-placeholder{color: rgb(102, 102, 102); opacity: 1;}
.n4b-70-index-9 ::placeholder{color: rgb(102, 102, 102); opacity: 1;}
.n4b-70-index-9 ul,.n4b-70-index-9 li{margin: 0px; padding: 0px;}
.n4b-70-index-9 ul{list-style-type: none;}
.n4b-70-index-9 li{list-style: none; position: relative;}
.n4b-70-index-9 a{position: relative;}
.n4b-70-index-9 a:hover,.n4b-70-index-9 a:focus{outline: 0px; text-decoration: none;}
@media (min-width: 1365px){
.n4b-70-index-9 .container{max-width: 1160px !important;}
}
.n4b-70-index-9 .bg-cover{background-repeat: no-repeat; background-size: cover; position: relative; background-position: center center;}
.n4b-70-index-9 section{position: relative; z-index: 1;}
.n4b-70-index-9 h2{font-family:var(--n4b-font); margin: 0px; font-weight: 600; color: rgb(0, 0, 0);}
.n4b-70-index-9 h2{font-size: 36px; line-height: 130%;}
.n4b-70-index-9 a{text-decoration: none; font-weight: 400; font-size: 16px; line-height: 28px; color: rgb(255, 255, 255); font-family:var(--n4b-font); cursor: pointer; outline: none !important;}
.n4b-70-index-9 p{margin: 0px;}
.n4b-70-index-9 .section-padding{padding: 160px 0px;}
@media (max-width: 991px){
.n4b-70-index-9 .section-padding{padding: 100px 0px;}
}
@media (max-width: 767px){
.n4b-70-index-9 .section-padding{padding: 80px 0px;}
}
.n4b-70-index-9 .body-text{font-size: 16px; line-height: 27px; color: rgb(95, 97, 104); font-weight: 400;}
.n4b-70-index-9 .section-head{position: relative;}
.n4b-70-index-9 .section-head .heading-bg{position: absolute; font-weight: 700; font-size: 140px; letter-spacing: -3px; color: color-mix(in srgb, color-mix(in srgb, var(--n4b-s), white 42%) 12%, transparent); text-transform: uppercase; left: 0px; z-index: -1; bottom: 23px; line-height: 1;}
@media (max-width: 991px){
.n4b-70-index-9 .section-head .heading-bg{font-size: 100px; left: 0px; bottom: 0px;}
}
@media (max-width: 575px){
.n4b-70-index-9 .section-head .heading-bg{display: none;}
}
.n4b-70-index-9 .section-head .section-title{font-size: 40px; line-height: 48px; color: color-mix(in srgb, var(--n4b-s), black 71%); font-weight: 700;}
@media (max-width: 575px){
.n4b-70-index-9 .section-head .section-title{font-size: 32px; line-height: 40px;}
}
.n4b-70-index-9 .section-head .heading-dot{display: inline-block; width: 10px; height: 10px; border: 3px solid color-mix(in srgb, var(--n4b-p), white 65%); margin-bottom: 0px; margin-left: 0px;}
.n4b-70-index-9 .button{display: inline-block; font-size: 16px; font-weight: 700;}
.n4b-70-index-9 .button.button-minimal{font-size: 16px; line-height: 27px; color: color-mix(in srgb, var(--n4b-s), black 71%); font-weight: 700;}
.n4b-70-index-9 .blog-card{border: 1px solid rgb(235, 235, 235); position: relative;}
.n4b-70-index-9 .blog-card .card-thumb{height: 260px; width: 100%;}
.n4b-70-index-9 .blog-card .blog-meta{display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; flex-wrap: wrap;}
.n4b-70-index-9 .blog-card .blog-meta .meta-item{display: flex; margin-right: 20px;}
@media (max-width: 380px){
.n4b-70-index-9 .blog-card .blog-meta .meta-item{margin-bottom: 10px;}
}
@media (max-width: 400px){
.n4b-70-index-9 .blog-card .blog-meta .meta-item{margin-right: 20px;}
}
.n4b-70-index-9 .blog-card .blog-meta .meta-item{font-size: 14px; line-height: 18px; color: rgb(95, 97, 104); font-weight: 400; font-family:var(--n4b-font);}
.n4b-70-index-9 .blog-card .blog-meta .meta-icon{margin-right: 10px;}
.n4b-70-index-9 .blog-card .blog-title{font-size: 20px; line-height: 26px; font-weight: 500; color: color-mix(in srgb, var(--n4b-s), black 71%); font-family:var(--n4b-font); display: inline-block; margin-top: 20px; margin-bottom: 20px;}
.n4b-70-index-9 .blog-card .blog-card-content{padding: 30px;}
.n4b-70-index-9 .blog-card .button{margin-top: 30px;}
.n4b-70-index-9 .blog-card-wrapper{margin-bottom: 100px; overflow-x: hidden;}
.n4b-25-index-4{overflow-x:clip}
.n4b-25-index-4{color:rgb(155, 155, 155);font-family:var(--n4b-font);font-size:14px;font-weight:400;line-height:24.0001px;letter-spacing:normal;text-align:start;word-spacing:0px;background-color:rgb(255, 255, 255)}
.n4b-25-index-4{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-font-sans-serif:"Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bs-font-monospace:Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
.n4b-25-index-4 *,.n4b-25-index-4 ::before,.n4b-25-index-4 ::after{box-sizing: border-box;}
.n4b-25-index-4 a{color: color-mix(in srgb, var(--n4b-p), white 35%); text-decoration: none;}
.n4b-25-index-4 a:hover{color: rgb(21, 21, 21); text-decoration: underline;}
.n4b-25-index-4 img{vertical-align: middle;}
.n4b-25-index-4 ::-webkit-datetime-edit-fields-wrapper,.n4b-25-index-4 ::-webkit-datetime-edit-text,.n4b-25-index-4 ::-webkit-datetime-edit-minute,.n4b-25-index-4 ::-webkit-datetime-edit-hour-field,.n4b-25-index-4 ::-webkit-datetime-edit-day-field,.n4b-25-index-4 ::-webkit-datetime-edit-month-field,.n4b-25-index-4 ::-webkit-datetime-edit-year-field{padding: 0px;}
.n4b-25-index-4 ::-webkit-inner-spin-button{height: auto;}
.n4b-25-index-4 ::-webkit-search-decoration{appearance: none;}
.n4b-25-index-4 ::-webkit-color-swatch-wrapper{padding: 0px;}
.n4b-25-index-4 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.n4b-25-index-4 .container{width: 100%; padding-right: var(--bs-gutter-x, 15px); padding-left: var(--bs-gutter-x, 15px); margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.n4b-25-index-4 .container{max-width: 540px;}
}
@media (min-width: 768px){
.n4b-25-index-4 .container{max-width: 720px;}
}
@media (min-width: 992px){
.n4b-25-index-4 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.n4b-25-index-4 .container{max-width: 1200px;}
}
.n4b-25-index-4 .row{--bs-gutter-x: 30px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2);}
.n4b-25-index-4 .row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y);}
@media (min-width: 576px){
.n4b-25-index-4 .col-sm-3{flex: 0 0 auto; width: 25%;}
}
.n4b-25-index-4 .align-items-center{align-items: center !important;}
.n4b-25-index-4 a:focus{outline: none !important;}
.n4b-25-index-4 :focus{outline: none;}
.n4b-25-index-4 .row-30{margin-bottom: -30px;}
.n4b-25-index-4 .row-30 > *{margin-bottom: 30px;}
.n4b-25-index-4 .section-xs{padding: 60px 0px;}
@media (min-width: 768px){
.n4b-25-index-4 .section-xs{padding: 60px 0px;}
}
.n4b-25-index-4 .bg-gray-100{background-color: rgb(242, 243, 248);}
.n4b-25-index-4 ::selection{background: color-mix(in srgb, var(--n4b-p), white 35%); color: rgb(255, 255, 255);}
.n4b-25-index-4 a{transition: 0.3s ease-in-out;}
.n4b-25-index-4 a,.n4b-25-index-4 a:focus,.n4b-25-index-4 a:active,.n4b-25-index-4 a:hover{text-decoration: none;}
.n4b-25-index-4 a,.n4b-25-index-4 a:focus,.n4b-25-index-4 a:active{color: color-mix(in srgb, var(--n4b-p), white 35%);}
.n4b-25-index-4 a:hover{color: rgb(21, 21, 21);}
.n4b-25-index-4 .brands img{transition: 0.3s ease-out;}
.n4b-25-index-4 .brands:hover img{opacity: 0.6;}
.n4b-25-index-4 .row-list-bordered{text-align: center;}
@media (min-width: 768px){
.n4b-25-index-4 .row-list-bordered > [class*="col-"]{position: relative;}
.n4b-25-index-4 .row-list-bordered > [class*="col-"]::after{content: ""; position: absolute; top: 50%; left: 0px; height: 83px; transform: translateY(-50%); border-left: 1px solid rgb(229, 231, 233);}
.n4b-25-index-4 .row-list-bordered > [class*="col-"]:nth-child(1)::after{display: none;}
}
.n4b-25-index-4 img{display: inline-block; max-width: 100%; height: auto;}