@charset "utf-8";
/* CSS Document */
/* :: All Transition */
* {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}

.title-black-center{position: relative; width: 100%; text-align: center; margin-bottom: 30px;}
.title-black-center .sub-title{position: relative; font-size: 15px; font-weight: 600; display: inline-block; padding-left: 45px; line-height: 1; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;}
.title-black-center .sub-title::before{position: absolute;left: 0; top: 3px; content: ''; height: 1px; width: 30px; background-color: #000000;}
.title-black-center .sub-title::after{position: absolute;left: 12px; bottom: 4px; content: ''; height: 1px; width: 17px; background-color: #000000;}
.title-black-center h2{font-size: 38px; font-weight: 500; text-align: center;}

.float{position:fixed;width:70px;height:70px;bottom:90px;right:2%;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:50px;box-shadow:2px 2px 3px #999;z-index:100}
.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.my-float{margin-top:10px;color:#fff}
.scroll-top {position: fixed; right: 30px; bottom: 30px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50%; background-color: #131313; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 300ms linear;}
.scroll-top--active {opacity: 1; visibility: visible; transform: translateY(0);}
.scroll-top::after {position: absolute; content: '↑'; text-align: center; line-height: 50px; font-size: 20px; color: #C2EA1D; left: 0; top: 0; height: 100%; width: 100%; z-index: 1;}
.scroll-top__circle path {stroke: #C2EA1D; stroke-width: 4; fill: none; box-sizing: border-box; transition: all 10ms linear;}
svg.scroll-top__circle {width: 100%; height: 100%;}

.footer{background: #000000; position: relative; width: 100%;}
.footer .footer-first{border-bottom: 1px solid #404040; padding: 15px 0px; text-align: center;}
.footer .footer-first .footer-social-media {text-align: center; position: relative;}
.footer .footer-first .footer-social-media ul {list-style: outside none none; margin: 0; padding: 0;}
.footer .footer-first .footer-social-media ul li {display: inline-block; margin: 0px 5px 0 0px; color: #ffffff; font-size: 15px;}
.footer .footer-first .footer-social-media a {background-image: none; text-decoration: none;}
.footer .footer-first .footer-social-media ul li .ld {color: #ffffff; display: block; border-radius: 5px; font-size: 20px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background: transparent; border: 1px dashed #ffffff;}
.footer .footer-first .footer-social-media ul li .ld:hover {background-color: #3b5998; color: #FFFFFF; border: 1px solid #3b5998;}
.footer .footer-first .footer-social-media ul li .yt {color: #ffffff; display: block; border-radius: 5px; font-size: 20px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background: transparent; border: 1px dashed #ffffff;}
.footer .footer-first .footer-social-media ul li .yt:hover {background-color: #d32727; color: #FFFFFF; border: 1px solid #d32727;}
.footer .footer-first .footer-social-media ul li .insta {color: #ffffff; display: block; border-radius: 5px; font-size: 20px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background: transparent; border: 1px dashed #ffffff;}
.footer .footer-first .footer-social-media .insta:hover {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); color: #FFFFFF; border: 1px solid #d6249f;}
.footer .footer-second{border-bottom: 1px solid #404040; padding: 15px 0px; text-align: center;}
.footer .footer-second ul{margin: 0; padding: 0;}
.footer .footer-second ul li{text-align: center; display: inline-block;}
.footer .footer-second ul li a{font-size: 15px; text-transform: uppercase; color: #ffffff; margin: 0px 28px;}
.footer .footer-second ul li a:hover{color: #fdf497; transition: 0.5s linear;}
.footer .footer-third{display: flex; position: relative; justify-content: space-between; align-items: center; padding: 15px 0px;}
.footer .footer-third p{font-size: 14px; color: #ffffff; margin-bottom: 0px;}

.placeholder-sec{background: #ffffff; position: relative; width: 100%; padding: 40px;}
.placeholder-sec .placeholder-content-pane{position: relative; background-image: url(../images/placeholder-bg-image.jpg); background-size: cover; width: 100%; text-align: center; padding: 40px 25px; background-repeat: no-repeat; border-radius: 15px;}
.placeholder-sec .placeholder-content-pane h2{font-size: 50px; margin-bottom: 20px; color: #000000; font-weight: 500;}
.placeholder-sec .placeholder-content-pane p{font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin-bottom: 30px;}
.placeholder-sec .placeholder-content-pane a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px; margin: 0 auto;}
.placeholder-sec .placeholder-content-pane a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}

.homepage-last-sec{background: #ffffff; position: relative; width: 100%; padding: 40px 0px 0px 0px;}
.homepage-last-sec p{font-size: 15px; text-align: center; line-height: 26px;}
.homepage-last-sec .step-sec{position: relative;}
.homepage-last-sec .step-sec .img-sec{margin-bottom: 10px;}
.homepage-last-sec .step-sec p{font-size: 15px; text-transform: uppercase; font-weight: 500; text-align: left; margin-bottom: 5px;}
.homepage-last-sec .step-sec h5{font-size: 22px; font-weight: 500;}
.top-margin-75{margin-top: 75px;}
.top-margin-150{margin-top: 150px;}

.home-products{background: #ffffff; position: relative; width: 100%; padding: 40px 0px 0px 0px;}
.home-products .product-content{ background: #ffffff; position: relative; background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; display: block; width: 100%; height: 100vh; overflow: hidden; position: sticky; top: 0; padding: 60px 0px;}
.home-products .product-content .product-first-content{position: relative; margin-bottom: 30px;}
.home-products .product-content .product-first-content .second-img{position: absolute; right: 0; bottom:-125px; z-index: -1;}
.home-products .product-content .product-first-content .middle-content{position: relative; margin-top: 150px;}
.home-products .product-content .product-first-content .middle-content h3{font-size: 35px; margin-bottom: 10px; text-align: left; font-weight: 500;}
.home-products .product-content .product-first-content .middle-content p{font-size: 16px; color: #000000;}

.home-products .product-content .product-first-content .middle-content a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px;}
.home-products .product-content .product-first-content .middle-content a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}

.home-products .product-content .product-second-content{z-index: 1; justify-content: start; align-items: center; gap: 10px; margin-top: 70px; margin-left: -100px; display: flex; position: relative;}
.home-products .product-content .product-second-content .content-item{background: #ffffff; max-width:180px; width:100%; box-shadow: 0 2px 60px #0000001a; padding: 20px 12px; border-radius: 5px; text-align: center;}
.home-products .product-content .product-second-content .content-item img{text-align: center; width: 60px; height: auto; margin-bottom: 10px;}
.home-products .product-content .product-second-content .content-item p{font-size: 13px; text-transform: uppercase; margin-bottom: 0px; line-height: 22px;}


.home-products .product-content .product-first-content1{position: relative; margin-bottom: 30px;}
.home-products .product-content .product-first-content1 .second-img{position: absolute; left: 0; bottom:-125px; z-index: -1;}
.home-products .product-content .product-first-content1 .middle-content{position: relative; margin-top: 150px;}
.home-products .product-content .product-first-content1 .middle-content h3{font-size: 35px; margin-bottom: 10px; text-align: right; font-weight: 500;}
.home-products .product-content .product-first-content1 .middle-content p{font-size: 16px; color: #000000; text-align: right;}

.home-products .product-content .product-first-content1 .middle-content a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px; margin-left: 438px;}
.home-products .product-content .product-first-content1 .middle-content a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}

.home-products .product-content .product-second-content1{z-index: 1; justify-content: end; align-items: center; gap: 10px; margin-top: 70px; margin-right: -100px; display: flex; position: relative;}
.home-products .product-content .product-second-content1 .content-item{background: #ffffff; max-width:180px; width:100%; box-shadow: 0 2px 60px #0000001a; padding: 20px 12px; border-radius: 5px; text-align: center;}
.home-products .product-content .product-second-content1 .content-item img{text-align: center; width: 60px; height: auto; margin-bottom: 10px;}
.home-products .product-content .product-second-content1 .content-item p{font-size: 13px; text-transform: uppercase; margin-bottom: 0px; line-height: 22px;}

.desktop-banner{width: 100%; position: relative; display: block;}
.mobile-banner{width: 100%; position: relative; display: none;}

.header-item-right a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px;}
.header-item-right a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}
.header-item-right a.btn-full:hover {color: #ffffff; }
.breadcrumb-section{width: 100%; position: relative; background-image: url(../images/breadcrumb-img.jpg); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 20px 0px;}
.breadcrumb-section h1 {color: #000000; font-size: 38px; font-weight: 500; margin-bottom: 8px; text-align: center;}
.breadcrumb-menu {position: relative; line-height: 10px; text-align: center;}
.breadcrumb-section .breadcrumb-menu ul {position: relative; display: inline-block;}
.breadcrumb-section .breadcrumb-menu ul li {position: relative; display: inline-block; color: #000000; font-size: 15px; line-height: 30px; font-weight: 400; text-transform: capitalize; transition: all 500ms ease;}
.breadcrumb-section .breadcrumb-menu ul li a {color: #000000; font-size: 15px; font-weight: 400; text-transform: capitalize; transition: all 500ms ease;}
.breadcrumb-section .breadcrumb-menu ul li a::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #000000; content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px;}
.breadcrumb-section .breadcrumb-menu ul li.active {font-weight: 500; color: #000000;}
.breadcrumb-section .breadcrumb-menu ul li a:hover {color: #000000;}

.abt-sec-1{width: 100%; position: relative; background-image: url(../images/bg-1.png); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 40px 0px 0px 0px;}
.abt-sec-1 .img-sec{position: relative; margin-bottom: 40px;}
.abt-sec-1 .abt-content-1{position: relative;}
.abt-sec-1 .abt-content-1 p{text-align: left; font-size: 18px; line-height: 30px; margin-bottom: 22px;}
.abt-sec-1 h2{font-size: 32px; margin-bottom: 35px; text-align: center; font-weight: 500;}

.abt-sec-2{width: 100%; position: relative; background-image: url(../images/product-bg-3.jpg); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 40px 0px 0px 0px;}
.abt-sec-2 .vision-mission{position: relative; margin-bottom: 40px; text-align: center;}
.abt-sec-2 .vision-mission h3{font-size: 25px; font-weight: 500; margin-bottom: 20px;}
.abt-sec-2 .vision-mission .content-box{background: #FFE9E9; padding:30px; text-align: center; font-size: 18px; line-height: 32px; border-radius: 10px;}

.contact-pane{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.contact-pane h2{font-size: 32px; margin-bottom: 35px; text-align: center; font-weight: 500;}
.contact-pane .map{position: relative; margin-bottom: 25px;}
.contact-pane .contact-detail{position: relative;}
.contact-pane .contact-detail ul{margin: 0; padding: 0;}
.contact-pane .contact-detail ul li{list-style-type: none; display: block; }
.contact-pane .contact-detail ul li h4{font-size: 18px; margin-bottom:15px; font-weight: 500;}
.contact-pane .contact-detail ul li p{font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.contact-pane .enquiry-form-pane { position: relative; margin-bottom: 30px; background: #f7f7f7; padding: 30px; }
.contact-pane .enquiry-form-pane .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.contact-pane .enquiry-form-pane .form-group { margin-bottom: .6rem; }
.contact-pane .enquiry-form-pane .form-row>.col, .form-row>[class*=col-] { padding-right: 10px; padding-left: 10px; }
.contact-pane .enquiry-form-pane .form-check { margin-bottom: 0; padding-left: 10px; }
.contact-pane .enquiry-form-pane .btn-form-submit { background: #000000; color: #ffffff; padding: 13px 25px; border-radius: 30px; border: 1px solid #000000; font-size: 16px; font-weight: 600; text-transform: uppercase; display: block; width: 100%; }
.contact-pane .enquiry-form-pane .btn-form-submit:hover { background: transparent; color: #000000; border: 1px solid #000000; transition: .8s linear; }
.contact-pane .enquiry-form-pane .form-control { padding: .675rem .6rem; border-radius: 0; background-color: transparent; color: #000; font-size: 14px; border: 1px solid #d9d9d9; font-weight: 500; }
.contact-pane .enquiry-form-pane input, .contact-pane .enquiry-form-pane select { height: 50px!important; box-shadow: none; }
.contact-pane .enquiry-form-pane textarea { height: 100px!important; box-shadow: none; }
.contact-pane .enquiry-form-pane .input-group-addon:last-child { border-left: 0; }
.contact-pane .enquiry-form-pane label { font-size: 14px; color: #000; margin-bottom: .5rem; display: block; }
.contact-pane .enquiry-form-pane label span { color: #ff0000; }
.contact-pane .enquiry-form-pane .view-all-btn { background: #0033cc; color: #fff; padding: 13px 30px; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center; }
.contact-pane .enquiry-form-pane .view-all-btn:hover { background: #000; color: #fff; transition: .8s linear; }

.privacy-pane{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.privacy-pane p {padding: 0px; margin: 0px 0px 20px 0px; font-size: 15px; color: #000000; line-height: 28px;}
.privacy-pane h2 {font-size: 35px; color: #000000; font-weight: 600; padding: 0px 0px 30px 0px;}
.privacy-pane h3 {font-size: 30px; color: #000000; font-weight: 600; padding: 0px 0px 30px 0px;}
.privacy-pane h4 {font-size: 25px; color: #000000; font-weight: 600; padding: 0px 0px 30px 0px;}
.privacy-pane h5 {font-size: 20px; color: #000000; font-weight: 600; padding: 0px 0px 20px 0px;}
.privacy-pane h6 {font-size: 16px; color: #000000; font-weight: 600; padding: 0px 0px 30px 0px;}
.privacy-pane ul {padding: 0; margin: 0px 0px 30px 0px;}
.privacy-pane ul li {font-size: 15px; line-height: 26px; color: #000000; margin-left: 28px; margin-bottom: 15px;}
.privacy-pane ul li:before {font-family: "Font Awesome 6 Free"; content: '\f00c'; font-weight: 900; font-size: 14px; color: #000000; position: absolute; margin-left: -25px;}

.waitlist{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.waitlist h2{font-size: 32px; margin-bottom: 35px; text-align: center; font-weight: 500;}

.waitlist .product-sec-waitlist{width: 100%; position: relative; background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; padding: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: start; column-gap: 30px; margin-bottom: 30px;}
.waitlist .product-sec-waitlist .img-sec{width: 35%;}
.waitlist .product-sec-waitlist .content-sec h3{font-size: 30px; margin-bottom: 15px; text-align: left; font-weight: 500; margin-bottom: 30px;}
.waitlist .product-sec-waitlist .content-sec h5{font-size: 20   px; margin-bottom: 15px; text-align: left; font-weight: 500;}
.waitlist .product-sec-waitlist .content-sec p{font-size: 16px; color: #000000;}
.waitlist .product-sec-waitlist .content-sec ul{margin: 0; padding: 0;}
.waitlist .product-sec-waitlist .content-sec ul li{list-style-type: none; display: inline-block; margin: 0px 22px 30px 0px;}
.waitlist .product-sec-waitlist .content-sec ul li::before{content: ''; width: 18px; height: 18px; background-image: url(../images/check-mark-small.png); background-repeat: no-repeat !important; background-position: center center !important; display: inline-block; position: relative; margin-right: 15px; top: 3px;}

.waitlist .product-sec-waitlist .content-sec .waitlist-container {margin: 40px 0px 0px 0px;}
.waitlist .product-sec-waitlist .content-sec .waitlist-container .waitlist-form {display: flex; gap: 12px;}
.waitlist .product-sec-waitlist .content-sec .waitlist-container .waitlist-form input {flex: 1; padding: 14px 16px; border-radius: 6px; border: none; background: #ffffff; font-size: 16px; outline: none;}
.waitlist .product-sec-waitlist .content-sec .waitlist-container .waitlist-form button {padding: 14px 24px; border-radius: 6px; border: none; background: #2b0000; color: #fff; font-size: 16px; cursor: pointer; white-space: nowrap; transition: 0.3s;}
.waitlist .product-sec-waitlist .content-sec .waitlist-container .waitlist-form button:hover {opacity: 0.9;}
@media (max-width: 480px) {
.waitlist .product-sec-waitlist .content-sec .waitlist-container .waitlist-form {flex-direction: column;}
.waitlist .product-sec-waitlist .content-sec .waitlist-container .waitlist-form button {width: 100%;}
}
.modal-header{border-bottom: none;}
.modal-body .verification-card {width: 100%; text-align: center;}
.modal-body .icon {margin: auto; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
.modal-body h1 {margin-bottom: 10px; font-size: 28px;}
.modal-body p {font-size: 14px; margin-bottom: 20px;}
.modal-body .otp-box {display: flex; gap: 8px; margin-bottom: 20px;}
.modal-body .otp-box input {width: 100%; height: 45px; text-align: center; font-size: 18px; border: 1px solid #aaa; border-radius: 4px;}
.modal-body .verify-btn {width: 100%; padding: 12px; background: #000000; color: white; border: none; border-radius: 5px; margin-bottom: 12px; cursor: pointer;}
.modal-body .resend-btn {width: 100%; padding: 12px; background: transparent; border: 1px solid #000000; border-radius: 5px; cursor: pointer;}
.modal-body .verify-btn:hover {opacity: 0.9;}
.modal-body .resend-btn:hover {background: #000000; color: #ffffff;}

@media (max-width: 480px) {
  .modal-body h1 {font-size: 22px;}
  .modal-body .otp-box input {height: 40px; font-size: 16px;}
}

.thank-you-sec{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.thank-you-sec h2{font-size: 32px; margin-bottom: 35px; text-align: center; font-weight: 500;}
.thank-you-sec p{text-align: center; font-size: 16px; line-height: 26px; margin-bottom: 20px;}

.buddy-fit-product-1{width: 100%; position: relative; background-image: url(../images/product-bg-2.jpg); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 40px 0px 40px 0px;}
.buddy-fit-product-1 .product-content{position: relative; display: flex; justify-content: space-between; align-items: center; column-gap: 30px;}
.buddy-fit-product-1 h2{font-size: 32px; margin-bottom: 35px; text-align: center; font-weight: 500;}
.buddy-fit-product-1 .product-content .left-content{position: relative; width: 30%;}
.buddy-fit-product-1 .product-content .left-content .content-pane{position: relative; margin-bottom: 80px;}
.buddy-fit-product-1 .product-content .left-content .content-pane h5{font-size: 20px; color: #000000; margin-bottom: 10px;}
.buddy-fit-product-1 .product-content .left-content .content-pane p{font-size: 15px; line-height: 26px; margin-bottom:0px;}
.buddy-fit-product-1 .product-content .left-content .icon-pane{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center;}
.buddy-fit-product-1 .product-content .left-content .icon-pane img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-1 .product-content .left-content .icon-pane p{text-transform: uppercase; font-size: 11px;}
.tp-line{background-color: #FFC700; width: 100%; height: 1px; position: absolute; bottom: 45px; right:-39%}
.tp-line::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); right: -160px; position: relative; z-index: 9;}
.buddy-fit-product-1 .product-content .right-content{position: relative; width: 30%;}
.buddy-fit-product-1 .product-content .right-content .content-pane{position: relative; margin-top: 65px;}
.buddy-fit-product-1 .product-content .right-content .content-pane h5{font-size: 20px; color: #000000; margin-bottom: 10px; text-align: right;}
.buddy-fit-product-1 .product-content .right-content .content-pane p{font-size: 15px; line-height: 26px; margin-bottom:0px; text-align: right;}
.buddy-fit-product-1 .product-content .right-content .icon-pane{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center; left: 195px; position: relative;}
.buddy-fit-product-1 .product-content .right-content .icon-pane img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-1 .product-content .right-content .icon-pane p{text-transform: uppercase; font-size: 11px;}
.tp-line-right{background-color: #FFC700; width: 347px; height: 1px; position: absolute; bottom: 45px; right:100%}
.tp-line-right::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); left: -170px; position: relative; z-index: 9;}
.buddy-fit-product-1 .product-content .right-content .icon-pane-2{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center; left: 0px; position: relative;}
.buddy-fit-product-1 .product-content .right-content .icon-pane-2 img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-1 .product-content .right-content .icon-pane-2 p{text-transform: uppercase; font-size: 11px;}
.tp-line-right-2{background-color: #FFC700; width: 173px; height: 1px; position: absolute; bottom: 45px; right:100%}
.tp-line-right-2::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); left: -85px; position: relative; z-index: 9;}
.buddy-fit-product-1 a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px; margin: 0 auto;}
.buddy-fit-product-1 a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}
.buddy-fit-product-1 .product-content .img-content{position: relative;}


.buddy-fit-product-2{width: 100%; position: relative; background-image: url(../images/product-bg-3.jpg); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 40px 0px 40px 0px;}
.buddy-fit-product-2 .product-content{position: relative; display: flex; justify-content: space-between; align-items: center; column-gap: 30px;}
.buddy-fit-product-2 h2{font-size: 32px; margin-bottom: 35px; text-align: center; font-weight: 500;}
.buddy-fit-product-2 .product-content .left-content{position: relative; width: 30%;}
.buddy-fit-product-2 .product-content .left-content .content-pane{position: relative; margin-bottom: 80px;}
.buddy-fit-product-2 .product-content .left-content .content-pane h5{font-size: 20px; color: #000000; margin-bottom: 10px;}
.buddy-fit-product-2 .product-content .left-content .content-pane p{font-size: 15px; line-height: 26px; margin-bottom:0px;}
.buddy-fit-product-2 .product-content .left-content .icon-pane{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center;}
.buddy-fit-product-2 .product-content .left-content .icon-pane img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-2 .product-content .left-content .icon-pane p{text-transform: uppercase; font-size: 11px;}
.tp-line-product2{background-color: #FFC700; width: 87%; height: 1px; position: absolute; bottom: 45px; right:-26%}
.tp-line-product2::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); right: -139px; position: relative; z-index: 9;}
.buddy-fit-product-2 .product-content .right-content{position: relative; width: 30%;}
.buddy-fit-product-2 .product-content .right-content .content-pane{position: relative; margin-top: 30px;}
.buddy-fit-product-2 .product-content .right-content .content-pane h5{font-size: 20px; color: #000000; margin-bottom: 10px; text-align: right;}
.buddy-fit-product-2 .product-content .right-content .content-pane p{font-size: 15px; line-height: 26px; margin-bottom:0px; text-align: right;}
.buddy-fit-product-2 .product-content .right-content .icon-pane{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center; left: 195px; position: relative;}
.buddy-fit-product-2 .product-content .right-content .icon-pane img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-2 .product-content .right-content .icon-pane p{text-transform: uppercase; font-size: 11px;}
.tp-line-right-new2{background-color: #FFC700; width: 335px; height: 1px; position: absolute; bottom: 45px; right:100%}
.tp-line-right-new2::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); left: -170px; position: relative; z-index: 9;}
.buddy-fit-product-2 .product-content .right-content .icon-pane-2{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center; left: 41px; position: relative;}
.buddy-fit-product-2 .product-content .right-content .icon-pane-2 img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-2 .product-content .right-content .icon-pane-2 p{text-transform: uppercase; font-size: 11px;}
.tp-line-right-new-bottom2{background-color: #FFC700; width: 173px; height: 1px; position: absolute; bottom: 45px; right:100%}
.tp-line-right-new-bottom2::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); left: -85px; position: relative; z-index: 9;}
.buddy-fit-product-2 a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px; margin: 0 auto;}
.buddy-fit-product-2 a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}
.buddy-fit-product-2 .product-content .img-content{position: relative;}


.buddy-fit-product-3{width: 100%; position: relative; background-image: url(../images/product-bg-3.jpg); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 40px 0px 40px 0px;}
.buddy-fit-product-3 .product-content{position: relative; display: flex; justify-content: space-between; align-items: center; column-gap: 30px;}
.buddy-fit-product-3 h2{font-size: 32px; margin-bottom: 35px; text-align: center; font-weight: 500;}
.buddy-fit-product-3 .product-content .left-content{position: relative; width: 30%;}
.buddy-fit-product-3 .product-content .left-content .content-pane{position: relative; margin-bottom: 65px;}
.buddy-fit-product-3 .product-content .left-content .content-pane h5{font-size: 20px; color: #000000; margin-bottom: 10px;}
.buddy-fit-product-3 .product-content .left-content .content-pane p{font-size: 15px; line-height: 26px; margin-bottom:0px;}
.buddy-fit-product-3 .product-content .left-content .icon-pane{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center;}
.buddy-fit-product-3 .product-content .left-content .icon-pane img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-3 .product-content .left-content .icon-pane p{text-transform: uppercase; font-size: 11px;}
.tp-line-product3{background-color: #FFC700; width: 100%; height: 1px; position: absolute; bottom: 45px; right:-26%}
.tp-line-product3::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); right: -160px; position: relative; z-index: 9;}
.buddy-fit-product-3 .product-content .right-content{position: relative; width: 30%;}
.buddy-fit-product-3 .product-content .right-content .content-pane{position: relative; margin-top: 30px;}
.buddy-fit-product-3 .product-content .right-content .content-pane h5{font-size: 20px; color: #000000; margin-bottom: 10px; text-align: right;}
.buddy-fit-product-3 .product-content .right-content .content-pane p{font-size: 15px; line-height: 26px; margin-bottom:0px; text-align: right;}
.buddy-fit-product-3 .product-content .right-content .icon-pane{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center; left: 195px; position: relative;}
.buddy-fit-product-3 .product-content .right-content .icon-pane img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-3 .product-content .right-content .icon-pane p{text-transform: uppercase; font-size: 11px;}
.tp-line-right-new3{background-color: #FFC700; width: 202px; height: 1px; position: absolute; bottom: 45px; right:100%}
.tp-line-right-new3::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); left: -100px; position: relative; z-index: 9;}
.buddy-fit-product-3 .product-content .right-content .icon-pane-2{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center; left: 41px; position: relative;}
.buddy-fit-product-3 .product-content .right-content .icon-pane-2 img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-3 .product-content .right-content .icon-pane-2 p{text-transform: uppercase; font-size: 11px;}
.tp-line-right-new-bottom3{background-color: #FFC700; width: 445px; height: 1px; position: absolute; bottom: 45px; right:100%}
.tp-line-right-new-bottom3::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); left: -220px; position: relative; z-index: 9;}
.buddy-fit-product-3 a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px; margin: 0 auto;}
.buddy-fit-product-3 a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}
.buddy-fit-product-3 .product-content .img-content{position: relative;}

.buddy-fit-product-4{width: 100%; position: relative; background-image: url(../images/product-bg-3.jpg); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 40px 0px 40px 0px;}
.buddy-fit-product-4 .product-content{position: relative; display: flex; justify-content: space-between; align-items: center; column-gap: 30px;}
.buddy-fit-product-4 h2{font-size: 32px; margin-bottom: 35px; text-align: center; font-weight: 500;}
.buddy-fit-product-4 .product-content .left-content{position: relative; width: 30%;}
.buddy-fit-product-4 .product-content .left-content .content-pane{position: relative; margin-bottom: 65px;}
.buddy-fit-product-4 .product-content .left-content .content-pane h5{font-size: 20px; color: #000000; margin-bottom: 10px;}
.buddy-fit-product-4 .product-content .left-content .content-pane p{font-size: 15px; line-height: 26px; margin-bottom:0px;}
.buddy-fit-product-4 .product-content .left-content .icon-pane{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center;}
.buddy-fit-product-4 .product-content .left-content .icon-pane img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-4 .product-content .left-content .icon-pane p{text-transform: uppercase; font-size: 11px;}
.tp-line-product4{background-color: #FFC700; width: 100%; height: 1px; position: absolute; bottom: 45px; right:-26%}
.tp-line-product4::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); right: -160px; position: relative; z-index: 9;}
.buddy-fit-product-4 .product-content .right-content{position: relative; width: 30%;}
.buddy-fit-product-4 .product-content .right-content .content-pane{position: relative; margin-top: 30px;}
.buddy-fit-product-4 .product-content .right-content .content-pane h5{font-size: 20px; color: #000000; margin-bottom: 10px; text-align: right;}
.buddy-fit-product-4 .product-content .right-content .content-pane p{font-size: 15px; line-height: 26px; margin-bottom:0px; text-align: right;}
.buddy-fit-product-4 .product-content .right-content .icon-pane{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center; left: 195px; position: relative;}
.buddy-fit-product-4 .product-content .right-content .icon-pane img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-4 .product-content .right-content .icon-pane p{text-transform: uppercase; font-size: 11px;}
.tp-line-right-new4{background-color: #FFC700; width: 202px; height: 1px; position: absolute; bottom: 45px; right:100%}
.tp-line-right-new4::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); left: -100px; position: relative; z-index: 9;}
.buddy-fit-product-4 .product-content .right-content .icon-pane-2{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center; left: 41px; position: relative;}
.buddy-fit-product-4 .product-content .right-content .icon-pane-2 img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.buddy-fit-product-4 .product-content .right-content .icon-pane-2 p{text-transform: uppercase; font-size: 11px;}
.tp-line-right-new-bottom4{background-color: #FFC700; width: 445px; height: 1px; position: absolute; bottom: 45px; right:100%}
.tp-line-right-new-bottom4::before{content: ""; background-color: #FFC700; border-radius: 50%; width: 9px; height: 9px; display: inline-block; transform: translateY(-14px); left: -220px; position: relative; z-index: 9;}
.buddy-fit-product-4 a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px; margin: 0 auto;}
.buddy-fit-product-4 a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}
.buddy-fit-product-4 .product-content .img-content{position: relative;}




.tech-gallery{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 40px 0px;}
.tech-gallery h2{font-size: 32px; margin-bottom: 25px; text-align: center; font-weight: 500;}
.tech-gallery p{text-align: center; font-size: 15px; line-height: 26px; margin-bottom: 20px;}
.tech-gallery .product-wrapper{display:flex; gap:15px; background:#fff; border-radius:12px; margin-bottom: 30px;}
.tech-gallery .product-wrapper .thumbnails{width:100px; display:flex; flex-direction:column; gap:10px; justify-content: center;}
.tech-gallery .product-wrapper .thumbnails .thumb-item{text-align:center; cursor:pointer;}
.tech-gallery .product-wrapper .thumbnails .thumb-item .thumb-item img{width:100%; border-radius:10px; border:2px solid transparent; transition:0.3s ease;}
.tech-gallery .product-wrapper .thumbnails .thumb-item .thumb-item.active img{border:2px solid #000;}
.tech-gallery .product-wrapper .thumbnails .thumb-item .thumb-title{font-size:13px; margin-top:5px; display: none;}
.tech-gallery .product-wrapper .preview{flex:1; border-radius:15px; display:flex; align-items:center; justify-content:center;}
.tech-gallery .product-wrapper .preview img{max-width:100%; height:auto; transition:0.3s ease;}

.tech-gallery .tech-specification{position: relative;}
.tech-gallery .tech-specification h2{font-size: 32px; margin-bottom: 25px; text-align: left; font-weight: 500;}
.tech-gallery .tech-specification .specs-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.tech-gallery .tech-specification .specs-grid .spec-item{margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.tech-gallery .tech-specification .specs-grid .spec-item h4{margin:0 0 10px; font-weight:600; font-size: 16px;}
.tech-gallery .tech-specification .specs-grid .spec-item p{margin:0; line-height:26px; color:#333; font-size: 14px; margin-bottom: 0px; text-align: left;}

.tech-gallery a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px; margin: 0 auto;}
.tech-gallery a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}

.key-feature{width: 100%; position: relative; background-image: url(../images/product-bg-3.jpg); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 40px 0px 40px 0px;}
.key-feature .feature-content{position: relative;}
.key-feature .feature-content h2{font-size: 32px; margin-bottom: 25px; text-align: left; font-weight: 500;}
.key-feature .feature-content .accordion-container{margin-bottom: 30px;}
.key-feature .feature-content .accordion-container .accordion-title {position: relative; margin: 0; padding: 1.1em 2rem 1.1em 0rem; cursor: pointer; border-bottom: 1px solid #d9d9d9; display: flex;}
.key-feature .feature-content .accordion-container .accordion-title h4 {font-size: 16px; color: #000000; font-weight: 600;}
.key-feature .feature-content .accordion-container .accordion-title:hover, .key-feature .feature-content .accordion-container .accordion-title:active, .faq-pane .accordion-title.open {background: #ffffff;}
/*.faq-pane .accordion-container .accordion-title::before {content: ""\f107""; position: absolute; top: 50%; right: 25px; width: 15px; height: 2px; transform: rotate(90deg); background: #000000; transition: all .3s ease-in-out;}*/
.key-feature .feature-content .accordion-container .accordion-title::after {content: "\f107"; font-size: 18px; position: absolute; right: 1rem; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #000000; padding-top: 0px;}
/*.faq-pane .accordion-container .accordion-title.open::before {transform: rotate(180deg);}*/
.key-feature .feature-content .accordion-container .accordion-title.open::after {content: "\f106"; font-family: FontAwesome;}
.key-feature .feature-content .accordion-content {position: relative; padding: 1.5em 0.8em 0em 0.8em; background: #fff9f7; overflow: hidden;}
.key-feature .feature-content .accordion-content .top-pane {position: relative;}
.key-feature .feature-content .accordion-content p {color: #000000; font-size: 14px; line-height: 26px; margin-bottom: 20px;}
.key-feature .feature-content .accordion-content a {text-decoration: none; color: #d72031;}
.key-feature .feature-content .accordion-content ul {padding: 0; margin: 0;}
.key-feature .feature-content .accordion-content ul li {list-style-type: none; text-align: left; font-size: 15px; text-transform: capitalize; color: #484848; display: block; font-weight: 400; margin-bottom: 15px; padding-left: 30px; line-height: 25px; text-align: justify}
.key-feature .feature-content .accordion-content ul li:before {content: "\f0a3"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-left: -20px; color: #000000; font-size: 13px; position: absolute;}
.key-feature .img-sec{position: relative;}

.faq-sec1{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.faq-sec1 h2{font-size: 32px; margin-bottom: 25px; text-align: center; font-weight: 500;}
.faq-sec1 .accordion-container{margin-bottom: 0px;}
.faq-sec1 .accordion-container .accordion-title {position: relative; margin: 0; padding: 1.1em 2rem 1.1em 0rem; cursor: pointer; border-bottom: 1px solid #d9d9d9; display: flex;}
.faq-sec1 .accordion-container .accordion-title h4 {font-size: 18px; color: #000000; font-weight: 500;}
.faq-sec1 .accordion-container .accordion-title:hover, .faq-sec1 .accordion-container .accordion-title:active, .faq-pane .accordion-title.open {background: #ffffff;}
/*.faq-pane .accordion-container .accordion-title::before {content: ""\f107""; position: absolute; top: 50%; right: 25px; width: 15px; height: 2px; transform: rotate(90deg); background: #000000; transition: all .3s ease-in-out;}*/
.faq-sec1 .accordion-container .accordion-title::after {content: "\f107"; font-size: 18px; position: absolute; right: 1rem; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #000000; padding-top: 0px;}
/*.faq-pane .accordion-container .accordion-title.open::before {transform: rotate(180deg);}*/
.faq-sec1 .accordion-container .accordion-title.open::after {content: "\f106"; font-family: FontAwesome;}
.faq-sec1 .accordion-content {position: relative; padding: 1.5em 0.8em 0em 0.8em; background: #fff9f7; overflow: hidden;}
.faq-sec1 .accordion-content .top-pane {position: relative;}
.faq-sec1 .accordion-content p {color: #000000; font-size: 14px; line-height: 26px; margin-bottom: 20px;}
.faq-sec1 .accordion-content a {text-decoration: none; color: #d72031;}
.faq-sec1 .accordion-content ul {padding: 0; margin: 0;}
.faq-sec1 .accordion-content ul li {list-style-type: none; text-align: left; font-size: 15px; text-transform: capitalize; color: #484848; display: block; font-weight: 400; margin-bottom: 15px; padding-left: 30px; line-height: 25px; text-align: justify}
.faq-sec1 .accordion-content ul li:before {content: "\f0a3"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-left: -20px; color: #000000; font-size: 13px; position: absolute;}


.five-containt{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.five-containt h2{font-size: 32px; margin-bottom: 25px; text-align: center; font-weight: 500;}
.five-containt .cards-container { margin: auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.five-containt .cards-container .card-content { background: #fff; text-align: center; width: calc(33.333% - 20px); }
.five-containt .cards-container .card-content h4{font-size: 18px; font-weight: 600; margin-bottom: 10px; text-align: left;}
.five-containt .cards-container .card-content p { font-size: 15px; line-height: 25px; margin-bottom: 0px; text-align: left; }
.five-containt .cards-container .card-content img { border-radius: 10px; margin-bottom: 20px; }

.tech-first{width: 100%; position: relative; background-image: url(../images/tech-img-1.jpg); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 80px 0px 140px 0px;}
.tech-first h2{font-size: 32px; margin-bottom: 125px; text-align: center; font-weight: 500; color: #ffffff;}
.tech-first h5{font-size: 22px; margin-bottom: 5px; text-align: left; font-weight: 500; color: #ffffff;}
.tech-first p{font-size: 16px; line-height: 26px; color: #ffffff;}

.tech-second{width: 100%; position: relative; background-image: url(../images/product-bg-2.jpg); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 40px 0px 40px 0px;}
.tech-second .features-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:center;}
.tech-second .features-grid .feature{padding:10px;}
.tech-second .features-grid .feature .feature-icon{font-size:34px; margin-bottom:15px;}
.tech-second .features-grid .feature h3{font-size:18px; margin:10px 0; font-weight:600;}
.tech-second .features-grid .feature p{font-size:14px; color:#000000; margin:0; }

.acoustic-section{width: 100%; position: relative; padding: 40px 0px 40px 0px;}
.acoustic-section h2 {font-size: 32px; margin-bottom: 35px; text-align: center; font-weight: 500;}
.acoustic-section .acoustic-grid{display:flex; align-items:center; gap:40px;}
.acoustic-section .acoustic-grid .acoustic-image img{width:100%; max-width:420px; border-radius:18px; display:block;}
.acoustic-section .acoustic-grid .acoustic-content{flex:1;}
.acoustic-section .acoustic-grid .acoustic-content h3{font-size:24px; font-weight: 500; margin-bottom:15px;}
.acoustic-section .acoustic-grid .acoustic-content p{color:#000000; line-height:1.6; font-size: 15px;}
.acoustic-section .acoustic-grid .acoustic-content .info-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:25px;}
.acoustic-section .acoustic-grid .acoustic-content .info-title{font-weight:500; margin-bottom:8px; font-size: 18px;}

.product-mobile-version{width: 100%; position: relative; background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; padding: 40px 0px; display: none;}
.product-mobile-version h2{font-size: 22px; margin-bottom: 35px; text-align: center; font-weight: 500;}}
.product-mobile-version .content-pane{ position: relative; text-align: center; margin-bottom: 20px;}
.product-mobile-version .content-pane h5 {font-size: 20px; color: #000000; margin-bottom: 10px; text-align: center; }
.product-mobile-version .content-pane p{font-size: 15px; line-height: 26px; margin-bottom: 20px; text-align: center;}
.product-mobile-version .img-content {position: relative; margin-bottom: 20px;}
.product-mobile-version .product-boxes{display: flex; justify-content: center; align-items: center; gap: 10px;}
.product-mobile-version .product-boxes .box-pane{background: #ffffff; max-width: 125px; width: 100%; box-shadow: 0 2px 60px #0000001a; padding: 10px 6px; border-radius: 5px; text-align: center; position: relative;}
.product-mobile-version .product-boxes .box-pane img{text-align: center; width: 42px; height: auto; margin-bottom: 10px;}
.product-mobile-version .product-boxes .box-pane p{text-transform: uppercase; font-size: 11px;}
.product-mobile-version a.btn-full { color: #ffffff; text-transform: uppercase; border: 1px solid #000000; border-radius: 30px; justify-content: space-between; align-items: center; padding: 3px 30px 3px 3px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 200px; background: #000000; font-weight: 500; letter-spacing: 1px; margin: 30px auto 0 auto;}
.product-mobile-version a.btn-full i {text-align: center; border: 1px solid #e7e7e7; border-radius: 50%; width: 45px; height: 45px; font-size: 16px; line-height: 45px; transition: all .35s ease-in-out; display: inline-block; background: #ffffff; color: #000000;/* transform: rotate(-45deg); */}

.swiper {width: 100%; height: 100%;}
.swiper-slide {display: flex;}
.swiper-slide img {width: 100%; height: 100%; object-fit: cover;}

.field_error {color: #ff0000; font-size: 14px;}




@media (max-width: 900px) { 
    .five-containt .cards-container .card-content { width: calc(50% - 20px); } 
}

@media (max-width: 500px) { 
    .five-containt .cards-container .card-content { width: 100%; } 
}

.cta-sec{width: 100%; position: relative; background-image: url(../images/bg-1.png); background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 40px 0px 40px 0px;}
.cta-sec h2{font-size: 32px; margin-bottom: 25px; text-align: center; font-weight: 500;}
.cta-sec .features{display:grid; grid-template-columns:repeat(4,1fr); gap:25px;}
.cta-sec .features .card{background:#000; color:#fff; text-align:center; padding:15px 10px; border-radius:10px; transition:0.3s ease;}
.cta-sec .features .card:hover{transform:translateY(-5px);}
.cta-sec .features .card .icon{font-size:42px; margin-bottom:20px;}
.cta-sec .features .card h3{font-size:16px; font-weight:600; margin-bottom:8px;}
.cta-sec .features .card p{font-size:14px; line-height:1.6; color:#ffffff;}
@media(max-width:992px){
  .cta-sec .features{grid-template-columns:repeat(2,1fr);
}

@media(max-width:600px){
  .cta-sec .features{grid-template-columns:1fr;}
  .cta-sec .features .card{padding:30px 20px;}
}