.padding-tb-section {

     padding: 50px 0px;

 }

 

 .back-to-top i{

     top: 10px;

    position: relative;

 }

 

  @media(max-width:767px) {

   .padding-tb-section {

    padding: 30px 0px;

}   



.faq-title {

    text-align: center;

    font-size: 25px;

    margin-bottom: 12px;

    font-weight: 600;

}



  }



 .fw-600 {

     font-weight: 600;

 }



/* HERO SECTION */

.secure-hero-banner {

    position: relative;

    overflow: hidden;

}



/* BACKGROUND */

.hero-bg {

    position: relative;

    min-height: 100vh;

    display: flex;

    align-items: center;

}



/* OVERLAY */

.hero-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(90deg,

            rgba(0, 0, 0, 0.60) 0%,

            rgba(0, 0, 0, 0.40) 45%,

            rgba(0, 0, 0, 0.20) 100%);

}



/* CONTENT */

.hero-content {

    position: relative;

    z-index: 2;

    max-width: 760px;

    color: #fff;

    padding: 120px 0;

}



/* HIGHLIGHT TAGS */

.hero-highlight-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    margin-bottom: 30px;

}



.hero-highlight-item {

    display: inline-flex;

    align-items: center;

    gap: 10px;

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

    border: 1px solid rgba(255, 255, 255, 0.18);

    backdrop-filter: blur(10px);

    padding: 12px 22px;

    border-radius: 50px;

    font-size: 15px;

    font-weight: 600;

    color: #fff;

    transition: 0.3s ease;

}



.hero-highlight-item:hover {

    background: #e53935;

    border-color: #e53935;

    transform: translateY(-3px);

}



.hero-highlight-item span {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #00ff84;

    box-shadow: 0 0 12px #00ff84;

}



.hero-highlight-item i {

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background: #e53935;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    color: #fff;

    flex-shrink: 0;

}



.hero-highlight-item:hover i {

    background: #fff;

    color: #e53935;

}



/* TITLE */

.hero-content h1 {

    font-size: 38px;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 15px;

    color: #fff;

}



/* DESCRIPTION */

.hero-content p {

    font-size: 18px;

    line-height: 1.9;

    color: rgba(255, 255, 255, 0.95);

    margin-bottom: 20px;

    max-width: 680px;

}



/* BUTTONS */

.hero-btns {

    display: flex;

    gap: 18px;

    flex-wrap: wrap;

    margin-bottom: 40px;

}



.hero-btn {

    padding: 16px 34px;

    border-radius: 14px;

    text-decoration: none;

    font-size: 15px;

    font-weight: 700;

    transition: 0.35s ease;

}



.primary-btn {

    background: #e53935;

    color: #fff;

}



.primary-btn:hover {

    background: #c62828;

    color: #fff;

    transform: translateY(-4px);

}



.secondary-btn {

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

    border: 1px solid rgba(255, 255, 255, 0.15);

    backdrop-filter: blur(10px);

    color: #fff;

}



.secondary-btn:hover {

    background: #fff;

    color: #111;

}



/* MOBILE */

@media(max-width:991px) {



    .hero-content h1 {

        font-size: 36px;

    }



}



@media(max-width:767px) {



    .hero-bg {

        min-height: 750px;

    }



    .hero-content {

        text-align: center;

        padding: 140px 0 80px;

    }



    .hero-content h1 {

        font-size: 28px;

    }



    .hero-content p {

        font-size: 15px;

    }



    .hero-btns {

        justify-content: center;

    }



    .hero-highlight-tags {

        justify-content: center;

    }



    .hero-highlight-item {

        font-size: 14px;

        padding: 10px 18px;

    }



}

 /* SECTION */

 .trust-factor-section {

     background: #f7f9fc;

 }



 /* WRAPPER */

 .trust-wrapper {

     background: #fff;

     border-radius: 30px;

     padding: 60px;

     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);

 }



 /* LEFT */





 .trust-left h2 {

     font-size: 42px;

     font-weight: 700;

     color: #111;

     line-height: 1.3;

     margin-bottom: 20px;

 }



 .trust-left p {

     color: #666;

     line-height: 1.9;

     font-size: 16px;

 }



 /* GRID */

 .trust-grid {

     display: grid;

     grid-template-columns: repeat(2, 1fr);

     gap: 18px;

 }



 /* CARD */

 .trust-card {

     background: #f8fafc;

     border: 1px solid #edf0f5;

     border-radius: 10px;

     padding: 12px 16px;

     display: flex;

     align-items: center;

     gap: 16px;

     transition: 0.35s ease;

 }



 .trust-card:hover {

     transform: translateY(-5px);

     background: #fff;

     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);

 }



 /* ICON */

 .trust-icon {

     width: 52px;

     height: 52;

     border-radius: 12px;

     background: #c62828;

     color: #fff;

     display: flex;

     align-items: center;

     justify-content: center;

     flex-shrink: 0;

 }



 .trust-icon i {

     font-size: 22px;

 }



 /* TEXT */

 .trust-card h4 {

     font-size: 16px;

     font-weight: 600;

     color: #111;

     line-height: 1.5;

     margin: 0;

 }



 



 /* MOBILE */

 @media(max-width:991px) {



     .trust-wrapper {

         padding: 40px 30px;

     }



     .trust-left {

         margin-bottom: 35px;

     }



 }



 @media(max-width:767px) {



     .trust-wrapper {

         padding: 30px 20px;

         border-radius: 22px;

     }



     .trust-left h2 {

         font-size: 32px;

     }



     .trust-left p {

         font-size: 15px;

     }



     .trust-grid {

         grid-template-columns: 1fr;

     }



     .trust-card {

         padding: 18px;

     }



     .trust-card h4 {

         font-size: 15px;

     }



     .trust-icon {

         width: 50px;

         height: 50px;

     }



     .trust-icon i {

         font-size: 18px;

     }



 }





 /* CARD */

 .vertical-card {

     background: #fff;

     border-radius: 10px;

     overflow: hidden;

     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);

     transition: 0.35s ease;

     padding: 8px;

     text-align: center;

     margin-bottom: 30px;

 }



 .vertical-card:hover {

     transform: translateY(-8px);

     box-shadow: 0 18px 45px rgba(0, 0, 0, 0.10);

 }



 /* IMAGE */

 .vertical-image {

     overflow: hidden;

 }



 .vertical-image img {

     width: 100%;

     height: 280px;

     object-fit: contain;

     transition: 0.5s ease;

 }



 .vertical-card:hover .vertical-image img {

     transform: scale(1.08);

 }





 .vertical-content h4 {

     padding-top: 16px;

     font-size: 18px;

     font-weight: 600;

     color: #111;

 }



 .vertical-content p {

     margin: 0;

     color: #666;

     line-height: 1.8;

     font-size: 15px;

 }



 /* MOBILE */

 @media(max-width:767px) {

     .vertical-image img {

         height: auto;

     }



     .vertical-content {

         padding: 2px;

     }



     .vertical-content h4 {

         font-size: 18px;

     }



 }





 /* SECTION */

 .cctv-package-section {

     background: #f7f7f7;

 }



 /* CARD */

 .package-card {

     background: #fff;

     border-radius: 24px;

     padding: 24px 18px;

     height: 100%;

     border: 1px solid #e5e7eb;

     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);

     transition: 0.35s ease;

     position: relative;

 }



 .package-card:hover {

     transform: translateY(-6px);

     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);

 }



 /* TOP */

 .package-top {

     text-align: center;

     margin-bottom: 25px;

 }



 .warranty-text {

     font-size: 17px;

     font-weight: 600;

     color: #111;

     margin-bottom: 6px;

 }



 .package-subtitle {

     font-size: 16px;

     font-weight: 600;

     color: #222;

     margin-bottom: 15px;

 }



 .package-top img {

     max-width: 150px;

     margin-bottom: 20px;

 }



 .package-top h3 {

     font-size: 19px;

     font-weight: 600;

     line-height: 1.5;

     color: #111;

 }



 /* LIST */

 .package-list {

     padding-left: 20px;

     margin-bottom: 25px;

 }



 .package-list li {

     margin-bottom: 12px;

     color: #555;

     line-height: 1.7;

     font-size: 15px;

 }



 /* FEATURES */

 .package-features {

     text-align: center;

     margin-bottom: 25px;

 }



 .package-features p {

     margin-bottom: 8px;

     color: #333;

     line-height: 1.6;

     font-size: 15px;

 }



 /* BUTTON */

 .package-contact {

     text-align: center;

 }



 .quote-btn {

     display: inline-block;

     background: #e53935;

     color: #fff;

     text-decoration: none;

     padding: 12px 22px;

     border-radius: 10px;

     font-size: 15px;

     font-weight: 700;

     transition: 0.3s ease;

     margin-bottom: 20px;

 }



 .quote-btn:hover {

     background: #c62828;

     color: #fff;

     transform: translateY(-3px);

 }



 /* PHONE */

 .package-contact h4 {

     font-size: 18px;

     font-weight: 600;

     color: #111;

     margin-bottom: 10px;

 }



 /* SMALL TEXT */

 .package-contact small {

     display: block;

     color: #777;

     line-height: 1.7;

     font-size: 11px;

 }



 /* MOBILE */

 @media(max-width:767px) {







     .package-card {

         padding: 28px 22px;

     }



     .package-top h3 {

         font-size: 22px;

     }



     .package-contact h4 {

         font-size: 22px;

         line-height: 1.5;

     }



 }



 /* SECTION */

 .cctv-services-section {

     background: #f7f7f7;

 }



 /* CARD */

 .service-card {

     background: #fff;

     border-radius: 24px;

     padding: 24px 18px;

     height: calc(100% - 30px);

     margin-bottom: 30px;

     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);

     transition: 0.3s ease;

     position: relative;

     overflow: hidden;

     border: 1px solid #edf0f5;

 }



 .service-card::before {

     content: "";

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 5px;

     background: #ed1b23;

 }



 .service-card:hover {

     transform: translateY(-6px);

     box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

 }



 /* ICON */

 .service-icon {

     width: 62px;

     height: 62px;

     border-radius: 10px;

     background: #0d6efd12;

     display: flex;

     align-items: center;

     justify-content: center;

     margin-bottom: 12px;

 }



 .service-icon i {

     font-size: 30px;

     color: #ed1b23;

 }



 /* TITLE */

 .service-card h3 {

     font-size: 20px;

     font-weight: 600;

     color: #111;

     margin-bottom: 5px;

     line-height: 1.4;

 }



 /* TEXT */

 .service-card p {

     margin: 0;

     color: #666;

     line-height: 1.8;

     font-size: 15px;

 }



 /* MOBILE */

 @media(max-width:767px) {





     .service-card {

         padding: 28px 22px;

         border-radius: 20px;

     }



     .service-icon {

         width: 65px;

         height: 65px;

         margin-bottom: 20px;

     }



     .service-icon i {

         font-size: 26px;

     }



     .service-card h3 {

         font-size: 20px;

     }



     .service-card p {

         font-size: 14px;

     }

 }



 /* SECTION */

 .camera-tech-section {

     background: #f7f7f7;

 }



 /* TITLE */

 .camera-tech-title {

     margin-bottom: 50px;

 }



 .camera-badge {

     display: inline-block;

     background: #0d6efd15;

     color: #ed1b23;

     padding: 8px 18px;

     border-radius: 50px;

     font-size: 14px;

     font-weight: 600;

     margin-bottom: 18px;

 }



 .camera-tech-title p {

     max-width: 760px;

     margin: auto;

     color: #666;

     line-height: 1.7;

     font-size: 17px;

 }



 /* MAIN CARD */

 .camera-main-card {

     background: #fff;

     border-radius: 28px;

     padding: 45px;

     box-shadow: 0 8px 35px rgba(0, 0, 0, 0.05);

 }



 /* TOP TITLE */

 .camera-top-title {

     text-align: center;

     margin-bottom: 40px;

 }



 .camera-top-title h3 {

     font-size: 32px;

     font-weight: 700;

     color: #111;

 }



 /* FEATURE CARD */

 .camera-feature-card {

     display: block;

     gap: 22px;

     background: #f9fafc;

     border-radius: 22px;

     padding: 20px;

     height: calc(100% - 30px);

     margin-bottom: 30px;

     transition: 0.3s ease;

     border: 1px solid #edf0f5;

 }



 .camera-feature-card:hover {

     transform: translateY(-5px);

     background: #fff;

     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);

 }



 /* ICON */

 .camera-feature-icon {

     width: 62px;

     height: 62px;

     min-width: 62px;

     border-radius: 20px;

     background: #0d6efd12;

     display: flex;

     align-items: center;

     justify-content: center;

 }



 .camera-feature-icon i {

     font-size: 28px;

     color: #ed1b23;

 }



 /* CONTENT */

 .camera-feature-content h4 {

     font-size: 18px;

     font-weight: 700;

     margin: 10px 0px 5px;

     color: #111;

     line-height: 1.4;

 }



 .camera-feature-content p {

     margin: 0;

     color: #666;

     line-height: 1.8;

     font-size: 15px;

 }



 /* MOBILE */

 @media(max-width:991px) {



     .camera-main-card {

         padding: 30px;

     }



     .camera-top-title h3 {

         font-size: 28px;

     }

 }



 @media(max-width:767px) {







     .camera-main-card {

         padding: 22px;

         border-radius: 22px;

     }



     .camera-top-title {

         margin-bottom: 25px;

     }



     .camera-top-title h3 {

         font-size: 24px;

         line-height: 1.4;

     }



     .camera-feature-card {

         flex-direction: column;

         gap: 18px;

         padding: 22px;

     }



     .camera-feature-icon {

         width: 60px;

         height: 60px;

         min-width: 60px;

     }



     .camera-feature-icon i {

         font-size: 24px;

     }



     .camera-feature-content h4 {

         font-size: 19px;

     }



     .camera-feature-content p {

         font-size: 14px;

     }

 }



 /* SECTION */

 .property-service-section {

     background: #f7f7f7;

 }





 /* CARD */

 .property-card {

     background: #fff;

     border-radius: 24px;

     overflow: hidden;

     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);

     transition: 0.3s ease;

     margin-bottom: 30px;

     height: calc(100% - 30px);

 }



 .property-card:hover {

     transform: translateY(-5px);

     box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

 }



 /* IMAGE */

 .property-image {

     width: 100%;

     height: 270px;

     overflow: hidden;

 }



 .property-image img {

     width: 100%;

     height: 100%;

     object-fit: cover;

     transition: 0.4s ease;

 }



 .property-card:hover .property-image img {

     transform: scale(1.06);

 }



 /* CONTENT */

 .property-content {

     padding: 20px;

 }



 .property-content h3 {

     font-size: 24px;

     font-weight: 700;

     margin-bottom: 15px;

     color: #e80f17;

     line-height: 1.4;

 }



 .property-content p {

     color: #666;

     line-height: 1.8;

     margin-bottom: 18px;

     font-size: 15px;

 }



 /* TAGS */

 .property-tags {

     display: flex;

     flex-wrap: wrap;

     gap: 10px;

     margin-bottom: 20px;

 }



 .property-tags span {

     background: #f5f7fa;

     border: 1px solid #e5e7eb;

     padding: 8px 14px;

     border-radius: 50px;

     font-size: 13px;

     font-weight: 600;

     color: #333;

 }



 /* IDEAL FOR */

 .property-content h5 {

     font-size: 16px;

     font-weight: 700;

     margin-bottom: 12px;

     color: #111;

 }



 .property-content ul {

     padding: 0;

     margin: 0;

     list-style: none;

 }



 .property-content ul li {

     position: relative;

     padding-left: 22px;

     margin-bottom: 10px;

     color: #555;

     line-height: 1.6;

 }



 .property-content ul li::before {

     content: "✔";

     position: absolute;

     left: 0;

     top: 0;

     color: #ed1b23;

     font-weight: 700;

 }



 /* MOBILE */

 @media(max-width:767px) {



     .property-title {

         margin-bottom: 35px;

     }



     .property-title p {

         font-size: 15px;

     }



     .property-image {

         height: 200px;

     }



     .property-content {

         padding: 22px;

     }



     .property-content h3 {

         font-size: 20px;

     }



     .property-content p {

         font-size: 14px;

     }



     .property-tags span {

         font-size: 12px;

     }

 }



 /* SECTION */

 .why-choose-section {

     background: #f7f7f7;

 }



 .why-badge {

     display: inline-block;

     background: #0d6efd15;

     color: #000;

     padding: 8px 18px;

     border-radius: 50px;

     font-size: 14px;

     font-weight: 600;

     margin-bottom: 18px;

 }







 /* CARD */

 .why-card {

     background: #fff;

     border-radius: 20px;

     padding: 22px;

     height: auto;

     display: flex;

     gap: 20px;

     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);

     transition: 0.3s ease;

     margin-bottom: 30px;

     height: calc(100% - 30px);

 }



 .why-card:hover {

     transform: translateY(-5px);

     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

 }



 /* ICON */

 .why-icon {

     width: 65px;

     height: 65px;

     min-width: 65px;

     border-radius: 18px;

     background: #0d6efd12;

     display: flex;

     align-items: center;

     justify-content: center;

 }



 .why-icon i {

     font-size: 26px;

     color: #ed1b23;

 }



 /* CONTENT */

 .why-content h4 {

     font-size: 20px;

     font-weight: 700;

     margin-bottom: 5px;

     color: #111;

     line-height: 1.4;

 }



 .why-content p {

     margin: 0;

     color: #666;

     line-height: 1.8;

     font-size: 15px;

 }



 /* MOBILE */

 @media(max-width:767px) {



     .why-choose-title {

         margin-bottom: 35px;

     }



     .why-choose-title h2 {

         font-size: 30px;

     }



     .why-choose-title p {

         font-size: 15px;

     }



     .why-card {

         padding: 22px;

         gap: 15px;

         flex-direction: column;

     }



     .why-icon {

         width: 58px;

         height: 58px;

         min-width: 58px;

     }



     .why-icon i {

         font-size: 22px;

     }



     .why-content h4 {

         font-size: 18px;

     }



     .why-content p {

         font-size: 14px;

     }

 }



 /* SECTION */

 .client-logo-section {

     background: #f7f7f7;

     overflow: hidden;

 }



 /* TITLE */

 .client-title {

     margin-bottom: 50px;

 }



 .client-badge {

     display: inline-block;

     background: #0d6efd15;

     color: #ed1b23;

     padding: 8px 18px;

     border-radius: 50px;

     font-size: 14px;

     font-weight: 600;

     margin-bottom: 18px;

 }



 .client-title h2 {

     font-size: 42px;

     font-weight: 700;

     color: #111;

     margin-bottom: 15px;

 }



 .client-title p {

     max-width: 700px;

     margin: auto;

     color: #666;

     line-height: 1.7;

     font-size: 17px;

 }



 /* LOGO SLIDER */

 .logo-slider {

     position: relative;

     width: 100%;

     overflow: hidden;

 }



 /* FADE EFFECT */

 .logo-slider::before,

 .logo-slider::after {

     content: "";

     position: absolute;

     top: 0;

     width: 120px;

     height: 100%;

     z-index: 2;

 }



 .logo-slider::before {

     left: 0;

     background: linear-gradient(to right, #f7f7f7, transparent);

 }



 .logo-slider::after {

     right: 0;

     background: linear-gradient(to left, #f7f7f7, transparent);

 }



 /* TRACK */

 .logo-track {

     display: flex;

     width: max-content;

     animation: scroll 80s linear infinite;

 }



 /* PAUSE ON HOVER */

 .logo-slider:hover .logo-track {

     animation-play-state: paused;

 }



 /* LOGO CARD */

 .logo-item {

     width: 180px;

     height: 100px;

     background: #fff;

     border-radius: 18px;

     margin: 0 14px;

     display: flex;

     align-items: center;

     justify-content: center;

     padding: 20px;

     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);

     transition: 0.3s ease;

     flex-shrink: 0;

 }



 /* IMAGE */

 .logo-item img {

     max-width: 100%;

     max-height: 55px;

     object-fit: contain;

     transition: 0.3s ease;

 }





 /* ANIMATION */

 @keyframes scroll {

     from {

         transform: translateX(0);

     }



     to {

         transform: translateX(-50%);

     }

 }



 /* MOBILE */

 @media(max-width:767px) {



     .client-title {

         margin-bottom: 35px;

     }



     .client-title h2 {

         font-size: 30px;

     }



     .client-title p {

         font-size: 15px;

     }



     .logo-item {

         width: 150px;

         height: 90px;

         padding: 15px;

         margin: 0 10px;

     }



     .logo-item img {

         max-height: 45px;

     }



     .logo-track {

         animation-duration: 60s;

     }



     .logo-slider::before,

     .logo-slider::after {

         width: 50px;

     }

 }



 .service-area-section {

     background: #f7f7f7;

 }



 .service-area-box {

     background: #fff;

     border-radius: 24px;

     padding: 50px 20px;

     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);

 }





 .service-badge {

     display: inline-block;

     background: #ed1b2315;

     color: #ed1b23;

     font-size: 14px;

     font-weight: 600;

     padding: 8px 18px;

     border-radius: 50px;

     margin-bottom: 20px;

 }



 /* LOCATION TAGS */

 .location-list {

     display: flex;

     flex-wrap: wrap;

     justify-content: center;

     gap: 15px;

     margin-top: 20px;

 }





 .location-list span {

     background: #f1f5f9;

     border: 1px solid #e5e7eb;

     padding: 10px 20px;

     border-radius: 50px;

     font-size: 15px;

     font-weight: 500;

     color: #333;

     transition: 0.3s ease;

     cursor: default;



     display: flex;

     align-items: center;

     gap: 8px;

 }



 .location-list span i {

     color: #ed1b23;

     font-size: 14px;

 }



 .location-list span:hover {

     background: #ed1b23;

     color: #fff;

     transform: translateY(-3px);

 }



 .location-list span:hover i {

     color: #fff;

 }



 /* MOBILE */

 @media(max-width:767px) {



     .service-area-box {

         padding: 40px 20px;

     }



     .location-list {

         gap: 10px;

     }



     .location-list span {

         padding: 10px 16px;

         font-size: 14px;

     }

 }



 /* SECTION */

 .google-review-section {

     background: #f7f7f7;

 }



 /* SWIPER HEIGHT FIX */



 .reviewSwiper .swiper-wrapper {

     height: auto !important;

     align-items: stretch;

 }



 .reviewSwiper .swiper-slide {

     height: auto !important;

     display: flex;

 }



 /* SWIPER */

 .reviewSwiper {

     padding: 10px 5px 50px;

     overflow: hidden;

 }



 /* FIX EQUAL HEIGHT */

 .reviewSwiper .swiper-wrapper {

     align-items: stretch;

 }



 .reviewSwiper .swiper-slide {

     height: auto;

     display: flex;

 }



 /* CARD */

 .review-card {

     background: #fff;

     border-radius: 18px;

     padding: 20px;

     width: 100%;

     height: 100%;

     min-height: 280px;

     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);

     transition: 0.3s ease;



     display: flex;

     flex-direction: column;

 }



 .review-card:hover {

     transform: translateY(-5px);

 }



 /* HEADER */

 .review-header {

     display: flex;

     align-items: center;

     gap: 12px;

     margin-bottom: 0px;

     min-height: 60px;

 }



 .review-header img {

     width: 42px;

     height: 42px;

     border-radius: 50%;

     object-fit: cover;

     flex-shrink: 0;

 }



 .review-header h5 {

     margin: 0;

     font-size: 16px;

     font-weight: 600;

     color: #111;

     line-height: 1.3;

 }



 .review-header span {

     font-size: 14px;

     color: #777;

 }



 /* STARS */

 .stars {

     color: #fbbc05;

     font-size: 20px;

     margin-bottom: 3px;

     letter-spacing: 2px;

 }



 /* TEXT */

 .review-card p {

     margin: 0;

     color: #555;

     line-height: 1.7;

     font-size: 15px;

     flex-grow: 1;

 }



 /* NAVIGATION */

 .swiper-button-next,

 .swiper-button-prev {

     width: 33px !important;

     height: 33px !important;

     border-radius: 50%;

     background: #111;

     transition: 0.3s ease;

 }



 .swiper-button-next::after,

 .swiper-button-prev::after {

     font-size: 16px !important;

     color: #fff;

     font-weight: 700;

 }



 .swiper-button-next:hover,

 .swiper-button-prev:hover {

     background: #ed1b23;

 }



 /* MOBILE */

 @media(max-width:767px) {



     /* NAVIGATION */

     .swiper-button-next,

     .swiper-button-prev {

         width: 28px !important;

         height: 28px !important;

         border-radius: 50%;

         background: #111;

         transition: 0.3s ease;

         top: 45% !important;

     }



     .swiper-button-next {

         right: 0px;

     }



     .swiper-button-prev {

         left: 0px;

     }



     .swiper-button-next::after,

     .swiper-button-prev::after {

         font-size: 14px !important;

         color: #fff;

         font-weight: 700;

     }



     .review-card {

         padding: 20px;

         min-height: auto;

     }



     .review-header h5 {

         font-size: 16px;

     }



     .review-card p {

         font-size: 14px;

     }



     .swiper-button-next,

     .swiper-button-prev {

         display: none;

     }

 }



 /* SECTION */

 .simple-cta-section {

     background: #f5f7fa;

 }



 /* BOX */

 .simple-cta-box {

     position: relative;

     overflow: hidden;

     border-radius: 28px;

     min-height: 380px;

     display: flex;

     align-items: center;

     justify-content: center;

     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);

 }



 /* BG IMAGE */

 .cta-bg-image {

     position: absolute;

     inset: 0;

     transform: scale(1.03);

 }



 /* OVERLAY */

 .cta-overlay {

     position: absolute;

     inset: 0;

     background: linear-gradient(90deg,

             rgba(0, 0, 0, 0.65) 0%,

             rgba(0, 0, 0, 0.55) 45%,

             rgba(0, 0, 0, 0.45) 100%);

 }



 /* CONTENT */

 .cta-content {

     position: relative;

     z-index: 2;

     max-width: 760px;

     padding: 60px 30px;

 }



 /* TAG */

 .cta-tag {

     display: inline-block;

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

     border: 1px solid rgba(255, 255, 255, 0.15);

     color: #fff;

     padding: 10px 22px;

     border-radius: 50px;

     font-size: 14px;

     font-weight: 600;

     margin-bottom: 22px;

     backdrop-filter: blur(10px);

 }



 /* TITLE */

 .cta-content h2 {

     font-size: 34px;

     font-weight: 700;

     line-height: 1.2;

     color: #fff;

     margin-bottom: 10px;

 }



 /* TEXT */

 .cta-content p {

     font-size: 18px;

     color: #fff;

     line-height: 1.9;

     margin: 0 auto 35px;

     max-width: 650px;

 }



 /* BUTTON */

 .cta-main-btn {

     display: inline-flex;

     align-items: center;

     justify-content: center;

     background: #ed1b23;

     color: #fff;

     padding: 16px 38px;

     border-radius: 14px;

     text-decoration: none;

     font-size: 16px;

     font-weight: 700;

     transition: 0.35s ease;

 }



 .cta-main-btn:hover {

     background: #fff;

     color: #111;

     transform: translateY(-4px);

 }



 /* MOBILE */

 @media(max-width:991px) {



     .cta-content h2 {

         font-size: 42px;

     }



 }



 @media(max-width:767px) {



     .simple-cta-box {

         border-radius: 22px;

         min-height: auto;

     }



     .cta-content {

         padding: 55px 20px;

     }



     .cta-content h2 {

         font-size: 32px;

     }



     .cta-content p {

         font-size: 15px;

     }



     .cta-main-btn {

         width: 100%;

     }



 }

 

 

 /* SECTION */

.cctv-camera-section {

    background: #f7f7f7;

}



/* CARD */

.cctv-camera-card {

    background: #fff;

    border-radius: 24px;

    padding: 10px;

    height: calc(100% - 30px);

    margin-bottom: 30px;

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);

    transition: 0.3s ease;

    position: relative;

    overflow: hidden;

    /*border: 1px solid #edf0f5;*/

}



.cctv-camera-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

}



/* IMAGE */

.cctv-camera-image {

    position: relative;

    display: block;

    overflow: hidden;

    border-radius: 18px;

    background: #fff;

}



.cctv-camera-image img {

    width: 100%;

    transition: 0.4s ease;

}



/* OVERLAY */

.cctv-image-overlay {

    position: absolute;

    inset: 0;

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

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transition: 0.4s ease;

}



.cctv-image-overlay i {

    width: 60px;

    height: 60px;

    background: #fff;

    color: #ed1b23;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    transform: scale(0.7);

    transition: 0.4s ease;

}



/* HOVER EFFECT */

.cctv-camera-image:hover img {

    transform: scale(1.08);

}



.cctv-camera-image:hover .cctv-image-overlay {

    opacity: 1;

}



.cctv-camera-image:hover .cctv-image-overlay i {

    transform: scale(1);

}



/* TITLE */

.cctv-camera-content h4 {

    font-size: 18px;

    font-weight: 600;

    color: #111;

    margin-top: 18px;

    line-height: 1.5;

    text-align: center;

}



/* MOBILE */

@media(max-width:767px) {



    .cctv-camera-card {

        padding: 20px;

        border-radius: 20px;

    }



    .cctv-camera-content h4 {

        font-size: 16px;

    }



    .cctv-image-overlay i {

        width: 50px;

        height: 50px;

        font-size: 18px;

    }

}