:root{    --primary-color: #a91d3a;
    --secondary-color: #151515;
    --text-color: #333;
    --light-bg: #f5f5f5;
    --white: #ffffff;
    --gray: #666;
    --border-color: #ddd;
    --success-color: #28a745;
    --error-color: #dc3545;
    --transition: all 0.3s ease;
    --primary-color: #a91d3a;
    --secondary-color: #151515;
    --text-color: #333;
    --light-bg: #f5f5f5;
    --white: #ffffff;
    --gray: #666;
    --border-color: #ddd;
    --success-color: #28a745;
    --error-color: #dc3545;
    --star-color: #ffc107;
    --transition: all 0.3s ease;
}

html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:'LG EI',Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:'LG EI',Arial,Helvetica,sans-serif;position:relative}
body{  background: #efece4;}
p{font-size:17px}
picture{display:flex}
a,a:hover{text-decoration:none;color:#fff}

body{font-family:'LG EI',Arial,Helvetica,sans-serif}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
video{ display: block; line-height: 0;}
.modal-dialog{ max-width: 600px;}
.modal-content{ border-radius: 0px;}
.btn.focus, .btn:focus {outline: 0; box-shadow: none; transition: .5s all;-webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all;}
button{transition: .5s all;-webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all;}
a{ color:#a50034; text-decoration: none; transition: .5s all;-webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all;}
.loadersubmit{ width: 100%; height: 100%; position: fixed; top:0px; left: 0px; background: rgba(225,225,225,.7); display: none; z-index: 10000;}
.loadersubmit img{ position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.menu-Bar{ display: none;}

header { padding: 10px 0px; background-color: #efece4;position: relative; width: 100%; z-index: 102;border-bottom: .0625rem solid #cbc8c2;}
header .disp-flex {display: flex; align-items: center;justify-content: space-between; flex-wrap: wrap;}
header .logo { width: 120px}
header .logo img {width: 100%; }
.sticky{ position: fixed; top:0px; left: 0px; width: 100%; z-index:999;}

.topbar{ width: 100%; padding: 0px 0; background-color: #f0ece4; border-bottom: .0625rem solid #cbc8c2;}
.topright-bar{ display: flex; justify-content: flex-end; align-items: center;}

.topnev{ width: auto;}
.topnev ul{  padding: 0px; margin: 0px; display: flex; grid-gap:20px; align-items: center; justify-content: center;}
.topnev ul li a{ font-size: 1rem; line-height: 1.2rem; font-weight: 400; color:#333; padding:  5px 10px;}
.gap-top{ padding-top: 30px;}
.gap-bottom{ padding-bottom: 30px;}
.pro-nav{width:100%; padding: 0px 20px; }
.pro-nav a{ font-size: 1.2rem;  line-height: 1.5rem; color:#000; padding:20px 0; border-bottom: 2px solid transparent; display: flex; justify-content: center;}
.pro-nav a.active{ border-bottom: 2px solid #a50034;}
.pro-nav .owl-nav{ position: absolute; top:50%; left:0px; transform: translateY(-50%); width: 100%; display: flex; align-items: center; justify-content: space-between;}
.pro-nav .owl-nav .owl-prev, .pro-nav .owl-nav .owl-next{ border:0px; padding: 0px; margin: 0px; background: url("../images/icon-arrow-black-right-10-16.svg"); background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; }
.pro-nav .owl-nav .owl-prev { -webkit-transform: rotate(180deg) translateX(1px); transform: rotate(180deg) translateX(1px);}
.main-banner{ width: 100%; position: relative;}
.main-banner .container{ position: absolute; left: 50%; top:35%; transform: translate(-50%,-50%);}
.main-banner .container .banner-text{ width: 100%;}
.main-banner .container .banner-text h1{ font-size: 3.8rem; line-height: 4rem; color:#333; font-weight: 800; margin-bottom: 0px;}
.main-banner .container .banner-text p{ font-size: 1.5rem; line-height: 2rem; color:#333; font-weight: 400; margin-bottom: 25px;}
.main-banner .container .banner-text .btn-tab{ text-decoration: none; color:#fff	; background: #fd312e; border: 1px solid #fd312e; padding: 12px 35px; border-radius: 30px; font-weight: 600; font-size: 1.2rem;}
.main-banner .container .banner-text .btn-tab:hover{ background:none; border: 1px solid #fd312e; color:#000;}
.main-banner img{ width:100%;}
.review-sec{ background: #fff; padding: 2rem 0;}

.sectitle{ width: 100%; text-align: center; margin-bottom: 15px;}
.sectitle h2{ font-size: 3rem; line-height: 3.2rem; color:#333; text-align: center}
.sectitle h4{ font-size: 1.5rem; line-height: 1.8rem; color:#333; text-align: center; margin-bottom: 15px;}
.sectitle p{ font-size: 1.2rem; line-height: 1.5rem;  color:#333; text-align: center}
.sectitle p small{ font-size: 1.2rem; line-height: 1.5rem;  color:#333; text-align: center; margin-bottom: 15px;}

.wrapper{ width: 100%;}
.pro-sec{padding: 2rem 0; width: 100%;}
.pro-sec .pro-box{ background: #fff; width: 100%; padding: 30px;}
.pro-sec .pro-box .pro-contant-box{ width: 100%; padding-bottom: 15px; text-align: left;}
.pro-sec .pro-box .pro-contant-box h2{ font-size: 1.5rem; line-height: 1.8rem; color:#333; font-weight: 600; margin-bottom: 10px;-webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;word-break: break-word; text-align: left;}
.pro-sec .pro-box .pro-contant-box p{ font-size: 1.2rem; line-height: 1.5rem;  color:#666; font-weight: 400; margin-bottom: 0px;text-align: left;}
.pro-sec .pro-box .pro-img{ display: flex; justify-content: center; align-items: center; width: 100%; padding: 30px 0;}

.pro-sec .pro-box .pro-footer{display: flex; justify-content: center; align-items: center; width: 100%;}
.pro-sec .pro-box .pro-footer .btn-link{ text-decoration: none; color:#fff; background: #fd312e; padding: 7px 25px; border-radius: 30px; font-weight: 400;}


.mobile-only{ display: none;}
.desktop-only{ display:block;}
.v-block{display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;}
.v-block video{ width: 100%;}

.tabbox{ width: 100%; padding: 0px 0; display: flex; justify-content: center; align-items: center; border-bottom: 0px; grid-column-gap: 15px;}
.tabbox .nav-item{ padding: 0px; margin: 0px; width: 45%;}
.tabbox .nav-item .nav-link{ font-size: 1.2rem; line-height: 1.5rem; color:#000; padding:0; border-bottom:2px solid transparent; font-weight: 600; border-radius: 0; width: 100%;}
.tabbox .nav-item .nav-link.active{ border-bottom: 2px solid #a50034;}
.apsolution{width: 100%; padding: 4.5rem 0 0;}
.title-b{ width: 100%; padding:0px 0 15px;}
.title-b h2{font-size: 3.5rem;line-height: 3.75rem; font-weight: 800; color:#333;}
.filter-block{ display: grid; grid-template-columns: 24% 24% 24% 24%; grid-column-gap: 20px}
.card-box{width:100%;}
.card-box .img-block{width:100%; margin-bottom: 15px;}
.card-box .img-block img{ width: 100%;  border-radius: 30px;}
.card-box .foot-box{font-size: 2.25rem;font-weight: 300; line-height: 2.625rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;}

.block-sec{width: 100%; padding: 4.5rem 0 0;}
.big-v-block{ width: 100%; border-radius: 30px; overflow: hidden;}
.big-v-block video{ width: 100%;}

.big-v-blockcon{ width: 100%; border-radius: 30px; overflow: hidden; position: relative; margin:40px 0;}
.big-v-blockcon video{ width: 100%;}
.big-v-blockcon .text-block{ position: absolute; top:50%; left:30px;  transform: translateY(-50%); width: 550px;}
.big-v-blockcon .text-block  h2{ color:#fff; font-size: 3.9rem; line-height:4.3rem;}
.big-v-blockcon .text-block  p{ color:#fff; font-size: 1.2rem;  font-weight: 400;}
.big-v-blockcon .text-block.text-black  h2{color:#000;}
.big-v-blockcon .text-block.text-black  p{color:#000;}
.small-block-v{ width: 100%; border-radius: 30px; overflow: hidden; margin-bottom: 40px;}
.small-block-v video{ width: 100%;}
.small-block-v img{ width: 100%;}
.small-block-contant{ height: 100%; padding: 0 30px; display: flex; align-items: center;}
.small-block-contant .block-c{ width: 100%}
.small-block-contant .block-c h2{ color:#333; font-size: 3.9rem; line-height:4.3rem;}
.small-block-contant .block-c h2 sup{ font-size: 1.5rem; line-height: 1.5rem;vertical-align: super;}
.small-block-contant .block-c.mo-2 h2{ color:#333; font-size: 3rem; line-height:3.5rem;}
.small-block-contant .block-c p{ color:#333; font-size: 1.2rem;  font-weight: 400;}
.small-block-contant .block-c p sup{font-size: .7rem; line-height: .7rem;}
.small-block-contant .block-c.left-p{ padding-left: 60px;}
.small-block-contant .block-c.right-p{ padding-right: 60px;}

.block-center { width: 100%; text-align: center;}
.block-center p{ color:#333; font-size: 1.2rem;  font-weight: 400; margin-bottom: 15px;}
.block-center p:last-child{ margin-bottom: 0px;}


.card-block{ width: 100%;}
.card-block .card-title{width: 100%; margin-bottom: 20px; text-align: center;}
.card-block .card-title h2{ font-size: 2.2rem; line-height: 2.5rem; color:#333; text-align: center; font-weight: 300;}
.card-block .card-title p{ font-size: 1.2rem; line-height: 1.5rem;  color:#333; text-align: center; margin-top: 0px;}
.card-block .card-img{ width: 100%; border-radius: 30px; overflow: hidden;}
.card-block .card-img img{ width: 100%;}

.slid-card{width: 100%; width: 100%; border: 1px solid #ccc;border-radius: 30px;overflow: hidden;}
.slid-card .slid-card-contant{ width: 100%; padding: 50px 50px 20px ;}
.slid-card .slid-card-contant  h2{ font-size: 2.2rem; line-height: 2.5rem; color:#333; text-align: center; font-weight: 600; margin-bottom: 15px;}
.slid-card .slid-card-contant p{ font-size: 1.2rem; line-height: 1.5rem;  color:#333; text-align: center; margin-bottom: 25px;}
.slid-card .slide-card-img{ width: 100%;  border-radius: 30px;}
.slid-card .slide-card-img img{ width: 100%;}

#hide-slider .owl-nav{ display: flex; margin: 10px  auto 0;  width: 142px;text-align: center;justify-content: space-between; }
#hide-slider .owl-nav .owl-prev,  #hide-slider .owl-nav .owl-next {  border: 0px; position: relative; display: flex; align-items: center; justify-content: center; background: none;} 
#hide-slider .owl-nav .owl-prev .nvb, #hide-slider .owl-nav .owl-next .nvb{ background: url("../images/icon-arrow-black-right-10-16.svg"); background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}
#hide-slider .owl-nav .owl-prev .nvb{ -webkit-transform: rotate(180deg) translateX(1px);transform: rotate(180deg) translateX(1px);}
#hide-slider .owl-dots { counter-reset: slides-num; width: 89px;margin: -23px auto 0; text-align: center;}
#hide-slider button.owl-dot{border: 0px;margin: 0px;padding: 0px 3px;}
#hide-slider  .owl-dots:after {content: counter(slides-num); display: inline-block;font-size: 20px;font-weight: 700; vertical-align: middle;}
#hide-slider  .owl-dot {display: inline-block;counter-increment: slides-num;/* Increment counter */ margin-right: 5px; border:0px;}
#hide-slider  .owl-dot span { display: none!important;}
#hide-slider  .owl-dot.active:before {content: counter(slides-num) " / ";/* Use the same counter to get current item. */display: inline-block;vertical-align: middle;font-size: 20px; padding: 0px; margin: 0px;}
 

.itam-slider-box{ width: 100%; position: relative;}
.itam-slider-box img{width: 100%;}
.itam-slider-box video{ width: 100%;}
.itam-slider-box .m-textbox{ position: absolute; top:50%; left:30px;  transform: translateY(-50%); width: 550px;}
.itam-slider-box .m-textbox  h2{ color:#333; font-size: 3.9rem; line-height:4.3rem;}
.itam-slider-box .m-textbox  p{ color:#333; font-size: 1.2rem;  font-weight: 400;}

.m-slider-box .owl-nav{ display: flex; margin: 10px  50px 0 auto;  width: 100px;text-align: center;justify-content: space-between; }
.m-slider-box .owl-nav .owl-prev, .m-slider-box .owl-nav .owl-next {  border: 0px; position: relative; display: flex; align-items: center; justify-content: center; background: none;} 
.m-slider-box .owl-nav .owl-prev .nvb, .m-slider-box .owl-nav .owl-next .nvb{ background: url("../images/icon-arrow-black-right-10-16.svg"); background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}
.m-slider-box .owl-nav .owl-prev .nvb{ -webkit-transform: rotate(180deg) translateX(1px);transform: rotate(180deg) translateX(1px);}
.m-slider-box .owl-dots { width:auto;margin:0 auto 0; text-align: center; position: absolute; bottom: 60px;  left:70px;}
.m-slider-box button.owl-dot{border: 0px;margin: 0 20px;padding: 0px 50px; background: #c7c7c7;height: 2px;}
.m-slider-box button.owl-dot.active{ background-color: #888888;}
.m-slider-box .owl-dot {display: inline-block;}
.m-slider-box  .owl-dot span { display: none!important;}

.carousel-sec{width: 100%; padding: 4.5rem 0 0;}
#ap-slider .owl-nav{ position: absolute; top:-60px; right:0px; display: flex; grid-column-gap: 10px;}
#ap-slider .owl-nav .owl-prev,  #ap-slider .owl-nav .owl-next { border:1px solid #000; width:50px; height: 50px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; background: none;} 
#ap-slider .owl-nav .owl-prev .nvb, #ap-slider .owl-nav .owl-next .nvb{ background: url("../images/icon-arrow-black-right-10-16.svg"); background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}
#ap-slider .owl-nav .owl-prev .nvb{ -webkit-transform: rotate(180deg) translateX(1px);transform: rotate(180deg) translateX(1px);}
#ap-slider .owl-dots { counter-reset: slides-num;/* Iniialize counter. */position: absolute;top:-50px;right:130px;}
#ap-slider button.owl-dot{ border: 0px;}
 #ap-slider .owl-dots:after {content: counter(slides-num); display: inline-block;font-size: 20px;font-weight: 700; vertical-align: middle;}
#ap-slider  .owl-dot {display: inline-block;counter-increment: slides-num;/* Increment counter */ margin-right: 5px;}
#ap-slider  .owl-dot span { display: none!important;}
#ap-slider .owl-dot.active:before {content: counter(slides-num) " / ";/* Use the same counter to get current item. */display: inline-block;vertical-align: middle;font-size: 20px;position: absolute;left: 0;top: 0;}
 
#ap-slider .item{ position: relative;}
#ap-slider .item img{ width: 100%;  border-radius: 30px;}
#ap-slider .item p{ position: absolute; bottom:30px; width: 100%; font-size: 1.5rem;  line-height: 2rem; text-align: left; font-weight:500; padding: 0 30px;}

/* Feedback Form Section */
.feedback-form-section {padding: 60px 0; width: 100%; background:none!important;}
.feedback-form-wrapper {background: var(--white); padding: 0px;position: relative; border-radius:30px; padding-top:0px;}

.form-title {text-align: center; color: var(--secondary-color); font-size: 2rem; margin-bottom: 30px; font-weight: 600; padding:15px 40px; border-bottom:1px solid #efece4;}

/* Form Styles */
.feedback-form{padding: 40px; padding-top:0px; width:100%}
.feedback-form .form-row { display: grid; grid-template-columns: 1fr 1fr;gap: 20px;}
.form-group { margin-bottom: 20px; position: relative;}.form-group input,.form-group textarea,.form-group select { width: 100%;padding: 12px 15px; border: 1px solid var(--border-color); border-radius: 5px; font-size: 0.95rem; transition: var(--transition);font-family: inherit; background: var(--white);}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus { outline: none;border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(169, 29, 58, 0.1);}
.form-group input::placeholder,.form-group textarea::placeholder {color: #999;}
.form-group select {cursor: pointer;appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; padding-right: 40px;}
.form-group textarea { resize: vertical; min-height: 100px;}
.form-group input[type="date"] { position: relative;}
/* File Upload */
.file-upload-group { border: 2px dashed var(--border-color); border-radius: 5px; padding: 20px;text-align: center;transition: var(--transition);}
.file-upload-group:hover { border-color: var(--primary-color);background: rgba(169, 29, 58, 0.02);}
.file-upload-label {display: inline-block;  cursor: pointer; color: var(--primary-color); font-weight: 500; font-size: 1rem;}
.file-upload-label i { font-size: 1.5rem; display: block; margin-bottom: 5px;}
.file-upload-group input[type="file"] { display: none;}
.file-name { display: block; margin-top: 10px; color: var(--gray);font-size: 0.9rem;}

/* Star Rating */
.rating-group { margin-bottom: 25px;}
.rating-group > label {display: block; margin-bottom: 10px;color: var(--secondary-color); font-weight: 500;}
.star-rating {display: flex; flex-direction: row-reverse; justify-content: center; gap: 5px;}
.star-rating input[type="radio"] { display: none;}
.star-rating .star { cursor: pointer;font-size: 2rem; color: #ddd;transition: var(--transition);}
.star-rating input[type="radio"]:checked ~ .star,
.star-rating .star:hover,.star-rating .star:hover ~ .star { color: var(--star-color);}
/* Privacy Group */
.privacy-group {margin-bottom: 25px;padding: 15px; background: var(--light-bg); border-radius: 5px;}
.checkbox-label { display: flex; align-items: start;cursor: pointer;font-size: 0.9rem; line-height: 1.5;}
.checkbox-label input[type="checkbox"] { margin-right: 10px; margin-top: 3px; width: 18px;height: 18px; cursor: pointer; flex-shrink: 0;}
.checkbox-label span { color: var(--gray);}
.privacy-links { margin-top: 10px;display: flex;gap: 20px;}
.privacy-links a {color: var(--primary-color);text-decoration: none;font-size: 0.9rem; transition: var(--transition);}
.privacy-links a:hover { text-decoration: underline;}
/* OTP Buttons */
.btn-send-otp { width: 100%; padding: 12px 20px; background: var(--primary-color); color: var(--white); border: none; border-radius: 5px; font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: var(--transition);}
.btn-send-otp:hover { background: #8a1730;}
.btn-send-otp:disabled { background: #ccc; cursor: not-allowed;}
.otp-input-wrapper { display: flex; gap: 10px;}
.otp-input-wrapper input { flex: 1;}
.btn-verify-otp { padding: 12px 20px; background: var(--success-color);color: var(--white); border: none;border-radius: 5px;font-size: 0.95rem;font-weight: 600; cursor: pointer; transition: var(--transition); white-space: nowrap;}
.btn-verify-otp:hover { background: #218838;}
.btn-verify-otp:disabled { background: #ccc;  cursor: not-allowed;}
.success-message { display: block; color: var(--success-color); font-size: 0.85rem; margin-top: 5px;}
/* Submit Button */
.btn-submit {  display: inline-block; padding: 10px 35px; background: var(--primary-color); color: var(--white); border: none; border-radius: 30px; font-size: 1.1rem;font-weight: 600; cursor: pointer;transition: var(--transition); text-transform: uppercase; letter-spacing: 1px;}
.btn-submit:hover { background: #8a1730; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(169, 29, 58, 0.3);}
.btn-submit:disabled { background: #ccc;cursor: not-allowed;transform: none;}
.btn-loader {  display: none;}
/* Error Messages */
.error-message {color: var(--error-color);font-size: 0.85rem;margin-top: 5px; display: block;}
.form-group input.error,
.form-group textarea.error,
.form-group select.error { border-color: var(--error-color);}
/* Form Message */
.form-message { margin-top: 20px;padding: 15px;border-radius: 5px;display: none;text-align: center;font-weight: 500;}
.form-message.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; display: block;}
.form-message.error {background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;display: block;}

/* Testimonials Section */
.testimonials-section { padding: 80px 0; background: var(--light-bg);}
.section-title {text-align: center;font-size: 2.5rem; color: var(--secondary-color);margin-bottom: 60px; font-weight: 700;}
.testimonials-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin-bottom: 50px;max-width: 1400px;margin-left: auto; margin-right: auto;}
.loading-testimonials { grid-column: 1 / -1;text-align: center; padding: 40px; color: var(--gray); font-size: 1.1rem;}
.testimonial-card { background: var(--white); border-radius: 10px; padding: 25px; box-shadow: 0 3px 15px rgba(0,0,0,0.1);transition: var(--transition);}
.testimonial-card:hover {transform: translateY(-5px); box-shadow: 0 5px 25px rgba(0,0,0,0.15);}
.testimonial-header { margin-bottom: 15px;}
.testimonial-name { font-size: 1.1rem;  font-weight: 600; color: var(--secondary-color); margin-bottom: 5px;}
.testimonial-mobile { font-size: 0.9rem; color: var(--gray); margin-bottom: 5px}
.testimonial-model {font-size: 0.9rem; color: var(--gray); margin-bottom: 5px;}
.testimonial-date { font-size: 0.85rem; color: var(--gray); margin-bottom: 5px;}
.testimonial-city { font-size: 0.85rem; color: var(--gray);}
.testimonial-feedback { font-size: 0.95rem; color: var(--text-color); line-height: 1.6; margin: 15px 0;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden;text-overflow: ellipsis; word-break: break-word;}

.card-image-d{width: 100%; height:200px; margin: 15px 0; display:flex; justify-content; align-items:center;}
.testimonial-image {  width: 100%; object-fit: cover; border-radius: 0px; }

.testimonial-rating {display: flex; gap: 3px;  margin-top: 15px;}
.testimonial-rating i {color: var(--star-color);font-size: 1rem;}
.read-more-container { text-align: center;margin-top: 30px;}
.btn-read-more { background: var(--primary-color);color: var(--white); border: none; padding: 15px 50px; border-radius: 25px; font-size: 1rem; font-weight: 600; cursor: pointer;transition: var(--transition); text-transform: uppercase;}
.btn-read-more:hover { background: #8a1730;  transform: translateY(-2px); box-shadow: 0 5px 15px rgba(169, 29, 58, 0.3);}

.footer_nav{width:100%;margin:.5% 0}
.footer_sec .footer_nav ul{margin:0;padding:0;list-style:none;display:flex}
.footer_sec .footer_nav ul li{text-align:center;border-right:1px solid #fff;font-size:16px}
.footer_sec .footer_nav ul li:last-child{border-right:0}
.footer_sec .footer_nav ul li a{color:#fff;text-decoration:none;font-size:14px;padding:0 20px}
.footer_sec .footer_nav ul li:first-child a{padding:0 12px 0 0}
.footer_sec p{font-size:16px;display:block;width:100%;margin:0;padding:0;line-height:24px;color:#fff}
#copyright-year{color:#fff}
.footer_sec p a{color:#fff;font-family:'LG EI'}
.ft_main{background:#333;color:#fff}
.foot-scan{display:flex;justify-content:flex-end;align-items:center}
.foot-scan img{width:200px}



@media ( max-width: 1920px) {

}

@media only screen and (min-width : 1824px){
.container {max-width:100rem;}
	
}	

@media ( max-width: 768px) {

.container { max-width: 100%;}
.mobile-only{ display: block;}
.desktop-only{ display:none;}		
}

@media (max-width: 480px){
	.menu-Bar{ border: 0px; width:35px; height: 35px; background: none; display: block;}
	.menu-Bar img{ width: 100%;}
	.tabbox .nav-item{width: 100%;}
	.my-menu {display: none;position: fixed;z-index: 999;top: 0;left: 0;height: 100%;background: #fff;width: 250px; border-right: 1px solid #d8d8d8;overflow-x: auto;}
	.topnev { width: auto; display: flex;justify-content: center; align-items: center; height: 100%;}
	.mOverlay { background: rgba(45, 51, 83, .7); position: fixed; z-index: 998;top: 0;left: 0; right: 0; bottom: 0; width: 100%;height: 100%; transition: all .5s ease-in-out; opacity: 0; display: none;}
	.mOverlay.active {display: block; opacity: 1; }
	.topnev ul{ padding:0px; margin: 0px; flex-wrap: wrap;}
	.topnev ul li{ display: block; width: 100%;}
	.topnev ul li a{ display: block; padding: 7px 10px; text-align: center; border-bottom: 1px solid #ccc;}
	.lifegood{width: 125px; margin-right: 7px;}
	.lifegood img{width:100%}
	.my-menu{ display: none;}
	header{padding: 5px 0px 0;}
	header .logo{ width: 90px;}

.main-banner .container{ position: absolute; left: 50%; top:10px; transform: translate(-50%, 0%);}
.main-banner .container .banner-text h1{ font-size: 1.8rem; line-height: 2rem;  margin-bottom: 0px;}
.main-banner .container .banner-text p{ font-size: .9rem; line-height: 1.5rem; color:#333; font-weight: 400; margin-bottom: 15px;}
.main-banner .container .banner-text .btn-tab{ padding: 7px 20px; font-size: .9rem;}
	.pro-box{ margin-bottom: 15px;}
	.padding-lr{ padding-right: 0px; padding-left: 0px;}
	.padding-lr .row{margin-right: 0px; margin-left: 0px;}
	.padding-lr .row>* {padding-right: 0px; padding-left: 0px; }
	
	
	.big-v-block{ border-radius: 0px;}
	.main-container{ padding: 15px 0;}
	.big-v-blockcon{ border-radius: 0px;}
	.big-v-blockcon .text-block{ position: static; background: #000; padding: 15px; width: 100%; transform: translate(0);}
	.pro-sec .pro-box .pro-img img{ width: 100% }
	.filter-block{ display: grid; grid-template-columns: auto auto; grid-column-gap: 10px; grid-row-gap: 10px;}
	.card-box .foot-box{ font-size: 1.3rem; line-height: 1.5rem;}
	.title-b h2{ font-size: 1.8rem; line-height: 2rem;}
	.small-block-contant .block-c h2{ font-size: 1.8rem; line-height: 2rem;}
	.small-block-contant{ padding: 0 0;}
	.small-block-v{ margin-bottom: 0px;}
	.small-block-v img{ width: 100%;}
	.small-block-contant .block-c.mo-2 h2{ font-size: 1.5rem; line-height: 2rem;}
	.small-block-contant .block-c.right-p{ padding-right: 0px; padding-top: 20px; padding-bottom: 10px;}
	.small-block-contant .block-c.left-p { padding-left:0px; padding-bottom: 20px; padding-top: 10px;}
	.sectitle h2{ font-size: 1.8rem; line-height: 2rem; font-weight: 600;  color:#000;}
	.big-v-blockcon .text-block h2 {color: #fff;font-size: 1.8rem; line-height: 2rem;}
	.text-block.text-black{ background: none;}
	.pro-nav a{ font-size: 1rem;  line-height: 1.5rem; color:#000; padding:20px 25px; border-bottom: 2px solid transparent; display: flex; justify-content: center;}
	.feedback-form-wrapper{ padding: 0px;}
	.feedback-form .form-row{ grid-template-columns:1fr; grid-gap: 0;}
	.form-title{font-size: 1.8rem;margin-bottom: 20px;}
	.section-title{font-size: 1.8rem; margin-bottom: 20px;}
	.feedback-form-section, .testimonials-section{padding: 30px 0;}
    .slid-card .slid-card-contant { padding: 20px 20px 15px ;}
	.slid-card .slid-card-contant h2{ font-size: 1.5rem; line-height: 1.8rem; margin-bottom: 10px;}
	.slid-card .slid-card-contant p{ font-size: 1rem; line-height: 1.3rem; margin-bottom: 15px;}
	.card-block .card-img{border-radius: 15px;}
	.card-block .card-title h2{ font-size: 1.5rem; line-height: 1.8rem;}
	.card-block .card-title p{ font-size: 1rem; line-height: 1.3rem;}
.itam-slider-box .m-textbox{ position:static; width: 100%; transform: translate(0);  padding: 15px; }
.itam-slider-box .m-textbox h2{ font-size: 1.8rem; line-height: 2rem;}
.itam-slider-box .m-textbox p{ font-size: 1rem; line-height: 1.3rem;}
.m-slider-box .owl-dots {
    width: auto;
    margin: 0 auto 0;
    text-align: center;
    position: absolute;
    bottom: 7px;
    left: 0;
}
.m-slider-box button.owl-dot {
    border: 0px;
    margin: 0 2px;
    padding: 0 10PX;
    background: #c7c7c7;
    height: 2px;
}
footer{text-align:center}
.footer_sec p{font-size:14px;line-height:20px;margin:10px 0 0}
.footer_sec .footer_nav ul{justify-content:center}
.footer_sec .footer_nav ul li a{padding:0 7px;display:block}
.testimonials-grid{grid-template-columns: auto ; grid-row-gap: 10px;}	
	
}





