/* ---- Aapki Original CSS ---- */
.section-padding-1 { padding: 30px 0px; height: 100%; }
.btn-pink { background: #f365b6; color: #fff; padding: 5px 10px; margin: 10px 0; }
.btn-pink:hover { background: #f365b6; color: #fff; padding: 5px 10px; }
.color-pink, .color-pink:hover { color: #f365b6; text-decoration: none; }
.card-title { font-size: 20px; color: #000; margin-bottom: 20px; font-weight: 600; height: 40px; line-height: 1.3; }
.card-text, .blog-item-text { font-size: 16px; line-height: 22px; margin-bottom: 20px; text-align: justify; }
.blog-link { bottom: 13%; position: fixed; }
.homepage-account::before { content: ''; -webkit-border-top-left-radius: 200px; border-top-left-radius: 200px; position: absolute; margin-top: 15%; z-index: 0; width: 92%; height: 250vh; left: 55px; }
.ht-205 { height: 205px; }
.heading { font-size: 36px; font-weight: 700; letter-spacing: 0; line-height: 36px; margin-bottom: 13px; padding-top: 0; padding-bottom: 10px; }
.ft-16 { font-size: 16px; margin-bottom: 5px; }
.card-img-top { display: block; width: 70px; margin: 0 auto 25px; }
.first-block { border-bottom: 5px solid #fff; border-right: 5px solid #fff; position: relative; padding: 40px 32px; height: 350px; background: #f2f2f2; }
.fourth-block { border-bottom: 5px solid #fff; padding: 40px 32px; height: 350px; background: #f2f2f2; }
.card-link, .card-link:hover { font-size: 14px; color: #97174f; display: inline-block; float: right; position: absolute; bottom: 32px; right: 32px; font-weight: 600; text-decoration: none; }
.box:hover { background: #97144c; }
.box:hover .card-title, .box:hover .card-text, .box:hover .card-link { color: #fff; }
.box .hoverImg, .rotator .hoverImg { display: none; }
.box:hover .hoverImg { display: block; width: 70px; margin: 0 auto 25px; }
.box:hover .card-img-top { display: none; }
.rotator:hover .hoverImg { width: 50%; margin-left: auto; margin-right: auto; padding: 30px 0px; display: block; }
.rotator:hover .img-50 { display: none; }
.w-60 { width: 60%; margin: 0px auto; }
.mt-25 { margin-top: 25%; }
.mt-50 { margin-top: 50px; }
.hb-video { width: 85%; float: right; }
.ht-33 { height: 33vh; }
.ht-80 { height: 80vh; }
.video { width: 100%; }
.marquee-deals { padding-top: 50px; padding-bottom: 50px; }
.video-span { width: 97%; }
.ft-size-15 { font-size: 15px; margin-left: 2%; float: right; font-weight: 700; }
.panel-default { border-color: #fff; }
.panel-default>.panel-heading { background: #fff; border-color: #fff; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #fff; }
.icon-show { display: none; }
.blog-item-title h2 { margin-top: 0px; }
.carousel-caption { text-align: left; left: 33px; top: 40%; }
.carousel-caption .btn { background: #861f41; padding: 7px 14px; }
.carousel-caption a { color: #fff; font-size: 14px; }
.trust-box::before { border: 1px solid #000; }
.img-100 { width: 100px; margin-left: auto; margin-right: auto; }
.carousel-inner { text-align: -webkit-center !important; }

@media only screen and (max-width: 767px) {
  .section-container-mobile { background-image: linear-gradient(to right, #ec305d73, #fff); width: 100%; padding: 72px 5% 88px; }
  .blog-item-desc { margin-bottom: 20px; }
  .container-fluid { padding-left: 0px; padding-right: 0px; }
  .first-block { border-right: none; padding: 15px; height: 320px; }
  .carousel-caption { left: 8px; top: 39%; }
  .carousel-caption .btn { padding: 4px 8px; font-size: 10px; }
  .heading { font-size: 30px; }
  .mb-50 { margin-bottom: 0px !important; }
  .ht-33 { height: 21vh; }
  .blog-item-desc { height: 260px; }
  .line-bg { background-image: none; }
  .img-10 { width: 22%; }
  .trusted-title { font-size: 25px; }
  .bg-product { background-image: url('../images/home/product-mob-img.png'); background-repeat: no-repeat; background-size: cover; }
  .pt-52 { padding-top: 52%; }
  .small-box { height: 200px !important; }
  .marquee-deals { padding-top: 10px; padding-bottom: 10px; }
  .bg-img { height: 200px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage-account::before { height: 260vh; width: 100%; left: 0px; }
  .first-block { height: 350px; }
  .blog-item-desc { height: 310px; }
  .small-box { height: 190px !important; }
  .carousel-caption { left: 106px !important; }
  .form-box { margin-top: 2%; }
  .line-bg { background-image: none !important; }
}

@media screen and (min-width: 768px) { .carousel-caption { left: 150px !important; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .carousel-caption { left: 28px; } .blog-title { font-size: 20px; } .homepage-account::before { height: 235vh; width: 100%; left: 0px; } .blog-item-desc { height: 250px; } .awardcontentinner { height: 360px; } }
@media only screen and (min-width: 1200px) and (max-width: 1365px) { .homepage-account::before { height: 245vh; } .blog-title { font-size: 20px; } .carousel-caption { left: 33px; } }
@media screen and (min-width: 1400px) { .carousel-caption { left: 15% !important; } }
@media screen and (min-width: 1600px) { .carousel-caption { left: 23% !important; } }

.awardcontentinner .sub-hea { color: #000; font-size: 16px; font-weight: 600; margin-top: 10px; height: 20%; text-align: center; }
.awardcontentinner { padding: 20px; height: 425px; border: 1px solid #ccc; text-align: center; background: #fff; }
.award-circle { width: 274px; height: 274px; background: url('../images/home/star.png') no-repeat; position: relative; margin: auto; display: table; }
.award-circle:before { top: 120px; left: -240px; }
.awardcontent { vertical-align: middle; margin-top: 60px; }
p.awardcontent span { display: block; padding-left: 0 !important; }
.award-circle span { font-size: 30px; color: #000; display: block; }
.award-circle:after, .award-circle:before { content: ""; position: absolute; top: 120px; right: -240px; width: 70%; border-bottom: solid 2px #ddc103; }
.testimonial { padding: 25px 15px 25px 25px; margin: 0px 10px 25px; border: 1px solid #bfbdbd; position: relative; text-align: center; height: 300px; background: #f2f2f2; box-shadow: 2px 2px 2px 2px #bfbdbd; }
.pic-mar { background: #fff; margin: 0 auto; width: 80%; position: absolute; top: -50px; text-align: center; left: 10%; }
.testimonial .pic { width: 100px; height: 100px; border-radius: 50%; border: 5px solid #81003C; overflow: hidden; margin: 0 auto; }
.testimonial .pic img { width: 100%; height: auto; }
.client-name { font-weight: 600; font-family: inherit; font-size: 20px; min-height: 50px; }
.client-code { font-size: 18px; font-weight: 400; color: #861f41; }
.testimonial .description { font-size: 15px; color: #5e595b; line-height: 22px; text-align: justify; margin: 0; position: relative; padding-top: 10px; max-height: 235px; overflow: auto; padding-right: 10px; }
.testimonial .below-content { position: absolute; width: 80%; left: 10%; }
.boxmore { display: none; }
.marquee-text { font-size: 16px; line-height: 22px; margin-bottom: 20px; text-align: center; }
.unmatch-heading { font-size: 20px; font-weight: 600; margin-bottom: 25px; }
#more { color: #97144d; font-weight: 600; font-size: 18px; }
#less { color: #97144d; font-weight: 600; font-size: 18px; display: none; }
.back-maroon { background: #861f41; color: #fff; height: 50%; }
.mb-50 { margin-bottom: 50px; }
.bg-grey { background: #f5f6f7; }
.img-150 { height: 186px; margin: auto; }
.rotator:hover { background: #888; }
.bg-img { background-image: url('../images/home/awards.svg'); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 250px; }
.form-box { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); }
.form-bottom { padding: 5px 5px; margin: 15px 0; box-sizing: border-box; border: none; border-bottom: 1px solid #ccc; border-radius: 0px; box-shadow: none; height: 40px; }
.mt-200 { margin-top: 200px; }
.img-40 { margin-left: auto; margin-right: auto; }
.small-box:hover h4 { color: #97144c; }
.small-box { box-shadow: 2px 1px 2px 2px #bfbdbd; background-color: #fff; transition: top ease 0.5s; position: relative; padding: 10px; height: 130px; margin: 10px 5px; }
.small-box:hover { top: -10px; }
.img-15 { width: 15%; margin-left: auto; margin-right: auto; padding: 30px 0px; }
.img-50 { width: 50%; margin-left: auto; margin-right: auto; padding: 30px 0px; }
.img-10 { width: 10%; margin-left: auto; margin-right: auto; }
.bg-product { background-image: url('../images/home/product-bg.webp'); background-repeat: no-repeat; background-size: cover; height: 500px; }
.mb-0 { margin-bottom: 0px !important; }
.awrad { background-repeat: no-repeat; padding: 20px 15px; }
.form-p { font-size: 12px; }
.prefreed-logo, .prefreed-logo li { display: flex; }
.w-100 { width: 50px; }
.w-400 { width: 300px; margin-left: auto; margin-right: auto; margin-top: 50px; }
.atsl-main-bottom-links { height: 100px; margin-top: 100px; background: #fff; }
.link-list>.component-content .li { background: 0 0; display: block; font-size: 13px; }
.atsl-main-bottom-links .ul .li { position: relative; padding: 20px 40px 20px 50px; display: flex !important; justify-content: flex-start; align-items: center; }
.link-list>.component-content .li { border: 0 !important; text-decoration: none !important; }
.atsl-main-bottom-links .ul { background: #fff 0% 0% no-repeat padding-box !important; border-radius: 0 90px 0 0; width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: -55px; padding-inline-start: 0px; }
.atsl-main-bottom-links .row .image-link-list { padding: 0; }
.atsl-main-bottom-links .ul .li strong { margin-left: 12px; font-size: 1.7rem; line-height: 1.5rem; letter-spacing: 0; color: #000; font-weight: bold; transition: all .25s linear; }
.atsl-main-bottom-links .ul .li:hover img { transition: all .25s linear; transform: translateY(-5px); }
.atsl-main-bottom-links .ul .li:hover strong { color: #861f41; transition: all .25s linear; }

/* Popup Box */
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.popup-box { background: #ffffff; width: 85%; max-width: 1000px; max-height: 85vh; overflow-y: auto; padding: 25px; border-radius: 6px; font-family: Arial, sans-serif; }
.popup-box h2 { margin-top: 0; color: #1a1a1a; }
.popup-box p { font-size: 14px; line-height: 1.6; color: #333; }
.popup-list { font-size: 13px; }
.popup-box button { margin-top: 20px; padding: 8px 25px; background: #97144d; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
.popup-box button:hover { background: #084298; } 

/* ---- CHATBOT CSS (Naya Add Kiya Hua) ---- */
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.bounce { animation: bounce 1.5s infinite; }
body { margin: 0; padding: 0; position: relative; }
.chat-opener { position: fixed; bottom: 20px; right: 60px; background: unset; padding: 10px; border-radius: 50%; width: 120px; }
#small-chat img { width: 100%; cursor: pointer; }
#the_iframe { position: fixed; right: 2%; bottom: 4%; height: 90%; width: 470px; border-radius: 10px; background: #fff; border: 0; z-index: 100000; box-shadow: 0 0px 14px #999; }
@media only screen and (max-width: 760px) { #mobile-view_or_not { display: none; } }
@media (max-width: 768px) {
  #the_iframe { position: fixed; right: 0; bottom: 0; height: 100vh; width: 100%; background: inherit; border: 0; border-radius: 8px; box-shadow: 0px 8px 13px #999; }
  .chat-bot { z-index: 1000000; position: relative; }
}