.banner-section{margin-top: 144px; padding: 100px 0 290px;}
.banner-section .banner-bg-image{position: absolute; right: 0; z-index: 11; top: 0;}
.banner-section .right img{position: relative; z-index: 111;}
.banner-section h1{font-weight: 200; font-size: 40px; line-height: 55px; text-transform: capitalize; margin-bottom: 25px; color: #111111;}
.banner-section h1 b{    font-weight: 600;}
.banner-section p{font-weight: 400;  font-size: 16px; line-height: 26px; color: #333333; padding-right: 160px;}
.banner-section a.common-btn{margin-top: 50px;}
.banner-section.topsticky{margin-top: 0;}

.features-section{padding: 50px 0 100px; text-align: center;position: relative;}
.features-section .center{margin-bottom: 60px;}
.features-section .box-sec h3{font-family: "Nunito Sans", sans-serif !important; font-weight: 600; font-size: 26px; line-height: 24px; color: #000000; margin-bottom: 20px;}
.features-section .box-sec img{margin-bottom: 20px;}
.features-section .box-sec p{font-weight: 400; font-size: 14px; line-height: 25px; text-align: center; color: #333333;}
.features-section .box-sec article{padding: 70px 28px; background-color: #fff;transition: transform 0.3s ease;}
.features-section .box-sec article:hover{transform: translateY(-40px);box-shadow: 0px 4px 25px 16px #00000005;}
.features-section::before{content: ''; background-image: url(../images/features-bg.webp); display: block; width: 190px; height: 512px; position: absolute; top: -25%;}

.discover-section{background-image: url(../images/discover-bg.webp);background-repeat: no-repeat; background-position: center bottom; padding: 50px 0 180px;}
.discover-section h2::after{ transform: translate(00%, 0); left: 0;}
.discover-section h2::before{ transform: translate(00%, 0); left: 3%;}
.discover-section .common-btn{margin-top: 50px; display: inline-block;}
.discover-section p{    padding-right: 130px;}

.kds-app-section{padding: 120px 0 160px;}
.kds-app-section .center{margin-bottom: 60px;}
.kds-app-section .nav{justify-content: space-between; border: 0;}
.kds-app-section .nav button{width: 24%; background-color: #EDF5FF; font-weight: 600; font-size: 22px; line-height: 24px; font-family: "Nunito Sans", sans-serif !important; border: 0; padding: 13px; border-radius: 50px; color: #333333 !important; }
.kds-app-section .nav button.active, .kds-app-section .nav button:hover{background-color: #3F51B5; color: #fff !important;}
.kds-app-section .tab-content{margin-top: 70px;}
.kds-app-section .tab-content .right h3{font-family: "Nunito Sans", sans-serif !important; font-weight: 600; font-size: 35px; line-height: 24px; margin-bottom: 40px; text-align: left; position: relative;}
.kds-app-section .tab-content .right p{font-size: 14px; line-height: 25px; text-align: left;    padding-right: 100px;}
.kds-app-section .tab-content .right .common-btn{margin-top: 50px; display: inline-block;}
.kds-app-section .tab-content .right {padding-left: 146px;    padding-top: 70px;}
.kds-app-section .tab-content .right h3::before{content: ''; background-image: url(../images/blorder-line.png); display: block; width: 205px; height: 1px; position: absolute; top: 10px; left: -47%;}

.software-section{padding: 120px 0 160px;}
.software-section .software-inner{margin-top: 40px;display: flex ; flex-wrap: wrap;}
.software-section .software-inner article{display: flex;width: 50%; flex-wrap: wrap;}
.software-section .software-inner article .number{max-width: 20%; margin-right: 30px;font-family: "Nunito Sans", sans-serif !important; position: relative; width: 80px; height: 80px; border-radius: 50%; background: #edf5ff; display: flex ; align-items: center; justify-content: center; font-size: 35px; font-weight: 600; color: #000; line-height: 60px;}
.software-section .software-inner article .number::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient( from 26deg,            #ff2c89 30deg 46deg,      transparent 50deg 360deg ); }
.software-section .software-inner article .number span{width: 60px; height: 60px; border-radius: 50%; background: #edf5ff;position: relative; z-index: 111;  display: flex ; align-items: center; justify-content: center;}
.software-section .software-inner article .content{ padding-top: 20px;   width: 80%;}
.software-section .software-inner article .content p{font-size: 14px; line-height: 25px; padding-right: 50px; }
.software-section .software-inner article .content h3{font-family: "Nunito Sans", sans-serif !important;font-weight: 600;font-size: 35px;  line-height: 24px;margin-bottom: 30px;}
.software-section .software-inner article:nth-child(1){border-right: 0.5px solid #33333333;border-bottom: 0.5px solid #33333333;padding-bottom: 40px;}
.software-section .software-inner article:nth-child(2){border-bottom: 0.5px solid #33333333;padding-bottom: 40px;padding-left: 80px;}
.software-section .software-inner article:nth-child(3){border-right: 0.5px solid #33333333; padding-top: 40px;}
.software-section .software-inner article:nth-child(4){padding-left: 80px; padding-top: 40px;}

.gallery-section{padding: 120px 0 220px;}
.gallery-section .carousel-container { position: relative; width: 100%; height: 700px; margin-top: 70px; } 
.gallery-section .carousel-track { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; transform-style: preserve-3d; transition: transform 0.7s cubic-bezier(0.16,1,0.3,1); } 
.gallery-section .card { position: absolute; width: 300px; height: 590px; overflow: hidden; border-radius: 24px; transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: unset; cursor: pointer; background: #ffffff; border: 0; background-color: transparent; } 
.gallery-section .card img { width: 100%; height: 100%; object-fit: contain; } 
.gallery-section .card.center { z-index: 10; transform: scale(1.2) translateZ(0); } 
.gallery-section .card.left-1 { z-index: 5; transform: translateX(-240px) scale(1.05) translateZ(-50px) rotateY(8deg); bottom: 17px; } 
.gallery-section .card.left-2 { z-index: 2; transform: translateX(-460px) scale(0.95) translateZ(-200px) rotateY(15deg); bottom: -13px; } 
.gallery-section .card.right-1 { z-index: 5; transform: translateX(240px) scale(1.05) translateZ(-50px) rotateY(-8deg); bottom: 17px; } 
.gallery-section .card.right-2 { z-index: 2; transform: translateX(460px) scale(0.95) translateZ(-200px) rotateY(-15deg); bottom: -13px; } 
.gallery-section .card.hidden { opacity: 0; pointer-events: none; } 
.gallery-section .nav-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: white; border: none; cursor: pointer; z-index: 10; padding: 00; border-radius: 50%; } 
.gallery-section .nav-arrow.left { left: -50px; } 
.gallery-section .nav-arrow.right { right: -50px; } 
.gallery-section .carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 65px; } 
.gallery-section .carousel-dots .dot { width: 14px; height: 14px; border-radius: 50%; background: #EDF5FF; cursor: pointer; transition: all 0.3s } 
.gallery-section .carousel-dots .dot.active { background: #3F51B5; } 
.gallery-section .nav-arrow svg path { stroke: #333333; } 
.gallery-section .nav-arrow:hover svg path{stroke: #3F51B5;stroke-opacity: 1 !important;}

.gallery-section .mobile-gallery-sec{display: none;}

.affordable-section{padding: 140px 0; background: linear-gradient(145.16deg, #D7FDFF 0.29%, rgba(214, 225, 255, 0.6) 90.7%);}
.affordable-section h2::before{background-color: #DBF6FF;}
.affordable-section article{display: flex ; flex-wrap: wrap; justify-content: center; gap: 24px;margin-top: 60px;}
.affordable-section article .plan-box{width: 100%; background-color: #fff;display: flex ; flex-direction: column; padding-bottom: 50px;box-shadow: 1px 5px 8px rgb(0 0 0 / 10%); border-radius: 12px; border: 2px solid #3f51b5;}
.affordable-section article .plan-box .first{display: flex ; align-items: center; justify-content: space-between; padding: 42px 25px;}
.affordable-section article .plan-box .first h3{font-family: "Nunito Sans", sans-serif !important; font-weight: 600; font-size: 22px; line-height: 24px; color: #000000; text-align: left;}
.affordable-section article .plan-box .first p.save-text{font-weight: 500; font-size: 18px; line-height: 26px; color: #3F51B5;text-align: left;}
.affordable-section article .plan-box .second{padding: 20px; background-color: #3F51B5;}
.affordable-section article .plan-box .second h3{font-family: "Nunito Sans", sans-serif !important; font-weight: 600; font-size: 40px; line-height: 60px; text-transform: capitalize; color: #fff;}
.affordable-section article .plan-box .third{padding: 35px 20px; text-align: left;} 
.affordable-section article .plan-box .third ul li{font-weight: 500; font-size: 15px; line-height: 34px; color: #000000;}
.affordable-section article .plan-box .third ul{padding-left: 20px; list-style: disc;}
.affordable-section article .plan-box .third ul li ol li{font-weight: 500; font-size: 13px; line-height: 32px; color: #000000;}
.affordable-section article .plan-box .third ul li ol{padding-left: 20px;}
.affordable-section article .plan-box .common-btn{display: inline-block; margin-top: auto;width: max-content; margin-left: auto; margin-right: auto;}
.affordable-section article .owl-item:nth-child(even) .plan-box .second{background-color: #EDF5FF;}
.affordable-section article .owl-item:nth-child(even) .plan-box .second h3{color: #000000;}
.affordable-section article.owl-carousel .owl-stage, .affordable-section article.owl-carousel .owl-stage .owl-item{    display: flex;}
.affordable-section article.owl-carousel .owl-stage .owl-item{padding: 0 10px;}
.affordable-section .carousel-plan{    position: relative;}
.affordable-section .carousel-plan button{position: absolute; z-index: 11; top: 12%; background-color: #fff; border: 0; width: 40px; height: 40px; border-radius: 50%;    border: 2px solid #3F51B5;}
.affordable-section .carousel-plan button svg path{ stroke: #333333; } 
.affordable-section .carousel-plan button:hover svg path{stroke: #fff;stroke-opacity: 1 !important;}
.affordable-section .carousel-plan button.prev-arrow{left: -20px;}
.affordable-section .carousel-plan button.next-arrow{right: -20px;}
.affordable-section .carousel-plan button:hover{background-color: #3F51B5;}


.faq-section {padding: 140px 0;}
.faq-section .accordion { border-radius: 0; border: 0; background: transparent; } 
.faq-section .accordion-item {background-color: transparent; border: 0; border-radius: 0 !important; } 
.faq-section .accordion-header { width: 100%;  text-align: left; border: none; outline: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s ease;border-bottom: 1px solid #3333334D; border-bottom: 1px solid #3333334D; background: transparent; padding: 24px 0; font-family: "Nunito Sans", sans-serif !important; font-weight: 600; font-size: 22px; line-height: 24px; text-transform: capitalize; color: #333333; } 
.faq-section .icon { transition: transform 0.3s ease; } 
.faq-section .accordion-content { max-height: 0; overflow: hidden; background: #fff; color: #555; line-height: 1.6; padding: 0 0; text-align: left; } 
.faq-section .accordion-item.active .accordion-content { max-height: 100%; padding: 30px 0 6px; text-align: left; }
.faq-section .accordion-item .accordion-content p{    font-weight: 500; color: #333333;}
.faq-section .accordion-item.active .accordion-header{border-color: #3F51B5;}

.cta-section{background-image: url(../images/cta-bg.webp); background-repeat: no-repeat; background-position: bottom center; padding: 120px 0 260px;}
.cta-section img{margin-top: 50px;}
.cta-section h2::before{background-color: #CCE9FF;}

.form-section{padding: 120px 0 140px;}
.form-section h2::after{ transform: translate(00%, 0); left: 0;}
.form-section h2::before{ transform: translate(00%, 0); left: 3%;}
.form-section p{margin-bottom: 60px;}
.form-section ul li{font-weight: 500; font-size: 18px; line-height: 28px; color: #333333;margin-top: 30px;background-repeat: no-repeat; padding-left: 40px;background-position: 0 5px;}
.form-section ul li.location{background-image: url(../images/contact-location.webp);}
.form-section ul li.call{background-image: url(../images/contact-call.webp);}
.form-section ul li.email{background-image: url(../images/contact-email.webp);}
.form-section form input, .form-section form textarea{font-family: "Nunito Sans", sans-serif !important;background-color: #EDF5FF; font-weight: 400; font-size: 16px; line-height: 26px; border: 0; padding: 17px 25px; width: 100%; color: #333333; margin-bottom: 0; }
.form-section form textarea{height: 150px;}
.form-section form .common-btn{border: 0; padding: 17px 60px; margin-top: 32px;}

.errors-container{height: 26px}
.errors-container ul li{color: red; margin-top: 0; padding-left: 0px; font-size: 12px;}

.scroll-sec{scroll-margin-top: 50px;scroll-margin-bottom: 50px;}
.modal{z-index: 111111;}
.modal-backdrop{    z-index: 11111;}

.demo-Modal .modal-dialog{    max-width: 860px;}
.demo-Modal .modal-dialog .modal-content{border-radius: 20px; border: 0;    padding: 30px;}
.demo-Modal .modal-dialog .modal-content h5{font-family: "Nunito Sans", sans-serif !important; font-weight: 600; font-size: 40px; line-height: 60px; text-transform: capitalize; color: #111111; position: relative; margin-bottom: 40px; }
.demo-Modal .modal-dialog .modal-content .btn-close{position: absolute; right: 30px; top: 30px; padding: 0; opacity: 1; background-size: 22px; width: 30px; height: 30px; box-shadow: unset;}
.demo-Modal .modal-dialog .modal-content .modal-header{justify-content: center; border: 0;}
.demo-Modal .modal-dialog .modal-content form input , .demo-Modal .modal-dialog .modal-content form select, .demo-Modal .modal-dialog .modal-content form textarea{font-family: "Nunito Sans", sans-serif !important; background-color: #EDF5FF; font-weight: 400; font-size: 16px; line-height: 26px; border: 0; padding: 17px 25px; width: 100%; color: #333333; margin-bottom: 0;box-shadow: unset;    border-radius: 0;}
.demo-Modal .modal-dialog .modal-content form button{border: 0; outline: 0; padding: 15px 60px; width: max-content !important;}


.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single  {font-family: "Nunito Sans", sans-serif !important; background-color: #EDF5FF; font-weight: 400; font-size: 16px; line-height: 26px; border: 0; padding: 17px 25px; width: 100%; color: #333333; margin-bottom: 0;box-shadow: unset;    border-radius: 0;height: auto;}
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #333333;}
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0;color: #333333;}
.demo-Modal .modal-dialog .modal-content form .select2-container { width: 100% !important; }
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none !important; width: 16px; height: 12px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 16px 12px; display: inline-block; transform: none;left: 0  !important;margin-top: 12px; }
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 26px;position: relative;}

.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__clear{position: absolute;right: 5px;font-size: 18px;}




.inner-banner{margin-top: 0 !important; background: linear-gradient(145.16deg, #D7FDFF 0.29%, rgba(214, 225, 255, 0.6) 90.7%);   padding: 100px 0;}
.inner-banner.topsticky{margin-top: 0;}
.inner-banner h2{text-align: center;}
.inner-banner h2::before{    background-color: #ddf6ff;}

.blog-sec article.all-blogs{display: grid ; grid-template-columns: 1fr 1fr  1fr; grid-gap: 40px;margin-top: 100px;}
.blog-sec article.all-blogs .each-blog { display: flex ; flex-direction: column; height: 100%; }
.blog-sec article.all-blogs .blog-img img { width: 100%; height: 260px; object-fit: cover; border-radius: 0 !important; margin-bottom: 0 !important; }
.blog-sec article.all-blogs article { display: flex ; flex-direction: column; height: 100%; background-color: #fff; padding: 20px; box-shadow: 1px 5px 8px rgb(0 0 0 / 10%);}
.blog-sec article.all-blogs article a.common-btn { margin-top: auto; width: max-content; }
.blog-sec article.all-blogs article p {  font-weight: 400; font-size: 20px; line-height: 32px; color: #333333CC; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 20px; }
.blog-sec article.all-blogs article h3 { font-weight: 700; font-size: 26px; line-height: 36px; color: #333333; margin-bottom: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }

.help-sec .common-btn{    font-family: "Nunito Sans", sans-serif !important; margin-top: 30px;}
.help-sec {text-align: center;}
.main-help-sec{padding: 100px 0;}
.main-help-sec article.all-help{display: grid ; grid-template-columns: 1fr 1fr  1fr; grid-gap: 40px;}
.main-help-sec article.all-help .each-help { display: flex ; height: 100%; }
.main-help-sec article.all-help .each-help iframe, .main-help-sec article.all-help .each-help video {height: 230px; width: 100%;}
.main-help-sec article.all-help .each-help h3{font-family: "Nunito Sans", sans-serif !important; font-weight: 600; font-size: 20px; line-height: 30px; color: #3f51b5; position: relative;}
.main-help-sec article.all-help .each-help .content{background: linear-gradient(145.16deg, #D7FDFF 0.29%, rgba(214, 225, 255, 0.6) 90.7%); border-left: 5px solid #3f51b5; box-shadow: 1px 5px 8px rgb(0 0 0 / 10%); padding: 20px; }
.help-sec .common-btn img{width: 20px;margin-right: 10px;}

.main-help-sec .cover-screen-video { position: relative; width: 100%; cursor: pointer;display: flex;flex-wrap: wrap;gap: 7px; } 
.main-help-sec .cover-screen-video .cover-image, .cover-screen-video video { width: 100%; height: 230px; display: block; } 
.main-help-sec .cover-screen-video .play-button { position: absolute; top: 28%; left: 50%; transform: translate(-50%, -30%); cursor: pointer; opacity: 1; transition: opacity 0.3s; background: none; border: none; } 
.main-help-sec .cover-screen-video video { display: none; } 
.main-help-sec .cover-screen-video .video-element { padding: 0; }
.main-help-sec .cover-screen-video video{width: 100%; max-height: 900px; margin: 0px auto; background: #000;}





.modal-open { overflow: auto !important; padding-right: 0 !important;  }

@media (min-width: 1400px) and (max-width: 1800px) {
.banner-section .banner-bg-image{    width: 800px;}
.banner-section { margin-top: 100px; padding: 80px 0 180px; }
.features-section { padding: 30px 0 80px;}
.discover-section{    padding: 30px 0 150px;}
.kds-app-section { padding: 100px 0 140px; }
.software-section { padding: 100px 0 140px; }
.gallery-section { padding: 100px 0 200px; }
.affordable-section { padding: 120px 0;}
.faq-section { padding: 120px 0; }
.cta-section{    padding: 100px 0 240px;}
.form-section { padding: 100px 0 120px; }


}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.banner-section .banner-bg-image { width: 610px;}
.banner-section { margin-top: 100px; padding: 80px 0 200px; }
.banner-section .right img { width: 480px;}
.banner-section .right{text-align: right;}
.banner-section h1{font-size: 38px; line-height: 50px;margin-bottom: 20px;}
.features-section { padding: 30px 0 80px;}
.features-section .center { margin-bottom: 40px; }
.features-section .box-sec article { padding: 40px 8px;}
.discover-section{    padding: 30px 0 120px;}
.kds-app-section { padding: 80px 0 120px; }
.kds-app-section .center { margin-bottom: 40px; }
.kds-app-section .nav button{font-size: 19px;    padding: 11px;}
.kds-app-section .tab-content .right h3::before{width: 168px;}
.kds-app-section .tab-content .right h3{    font-size: 30px;}
.kds-app-section .tab-content .right p{padding: 0;}
.software-section { padding: 80px 0 120px; }
.software-section .software-inner article .content h3{font-size: 26px; line-height: 24px; margin-bottom: 20px;}
.software-section .software-inner article .number{width: 60px; height: 60px;    font-size: 28px;}
.software-section .software-inner article .number span { width: 45px; height: 45px;}
.software-section .software-inner article:nth-child(1){    padding-bottom: 20px;}
.software-section .software-inner article:nth-child(2){padding-bottom: 20px; padding-left: 40px;}
.software-section .software-inner article:nth-child(3){    padding-top: 20px;}
.software-section .software-inner article:nth-child(4) { padding-left: 40px; padding-top: 20px; }
.software-section .software-inner article .content { padding-top: 10px;}
.gallery-section { padding: 80px 0 140px; }
.gallery-section .card{width: 230px; height: 520px;}
.gallery-section .carousel-container{height: 600px;margin-top: 20px;}
.gallery-section .card.left-1{    transform: translateX(-180px) scale(1.05) translateZ(-50px) rotateY(8deg);}
.gallery-section .card.right-1{    transform: translateX(180px) scale(1.05) translateZ(-50px) rotateY(-8deg);}
.gallery-section .card.left-2{transform: translateX(-340px) scale(0.95) translateZ(-200px) rotateY(15deg); bottom: 0;}
.gallery-section .card.right-2{transform: translateX(340px) scale(0.95) translateZ(-200px) rotateY(-15deg); bottom: 0;}
.gallery-section .nav-arrow.left { left: 0; }
.gallery-section .nav-arrow.right { right: 0; }
.gallery-section .carousel-dots{    margin-top: 35px;}
.gallery-section .carousel-dots .dot { width: 12px; height: 12px;}
.affordable-section { padding: 100px 0;}
.affordable-section article .plan-box .first{    padding: 32px 15px;}
.affordable-section article .plan-box .first h3{font-size: 18px; line-height: 20px;}
.affordable-section article .plan-box .first p.save-text{font-size: 16px; line-height: 24px;}
.affordable-section article .plan-box .second { padding: 14px;}
.affordable-section article .plan-box .second h3{font-size: 34px; line-height: 40px;}
.affordable-section article .plan-box .third { padding: 25px 14px;}
.affordable-section article .plan-box .third ul li{font-size: 13px; line-height: 30px;}
.affordable-section article .plan-box .third ul li ol li{font-size: 12px; line-height: 28px;}
.affordable-section article{margin-top: 40px;}
.faq-section { padding: 100px 0; }
.cta-section{    padding: 80px 0 200px;}
.form-section { padding: 80px 0 100px; }

.demo-Modal .modal-dialog .modal-content h5{    font-size: 40px;    margin-bottom: 20px;}


.inner-banner{ padding: 80px 0; }
.blog-sec article.all-blogs .blog-img img{height: 200px;}
.blog-sec article.all-blogs article h3{font-size: 24px; line-height: 34px;}
.blog-sec article.all-blogs article p{font-size: 18px; line-height: 29px;}

.main-help-sec article.all-help .each-help h3{font-size: 18px; line-height: 28px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner-section .banner-bg-image { width: 610px;}
.banner-section { margin-top: 100px; padding: 80px 0 150px; }
.banner-section .right img { width: 480px;}
.banner-section .right{text-align: right;}
.banner-section h1{font-size: 34px; line-height: 48px;margin-bottom: 20px;}
.banner-section p{padding-right: 30px;}
.features-section { padding: 30px 0 80px;}
.features-section .center { margin-bottom: 40px; }
.features-section .box-sec article { padding: 40px 8px;}
.discover-section{    padding: 30px 0 120px;}
.discover-section p { padding-right: 30px; }
.kds-app-section { padding: 80px 0 120px; }
.kds-app-section .center { margin-bottom: 40px; }
.kds-app-section .nav button{font-size: 16px;    padding: 11px;}
.kds-app-section .tab-content .right h3::before{width: 120px;}
.kds-app-section .tab-content .right h3{    font-size: 28px;}
.kds-app-section .tab-content .right p{padding: 0;}
.kds-app-section .tab-content .right { padding-left: 126px; padding-top: 50px; }
.software-section { padding: 80px 0 120px; }
.software-section .software-inner article .content h3{font-size: 26px; line-height: 24px; margin-bottom: 20px;}
.software-section .software-inner article .number{width: 60px; height: 60px;    font-size: 28px;}
.software-section .software-inner article .number span { width: 45px; height: 45px;}
.software-section .software-inner article:nth-child(1){    padding-bottom: 20px;}
.software-section .software-inner article:nth-child(2){padding-bottom: 20px; padding-left: 40px;}
.software-section .software-inner article:nth-child(3){    padding-top: 20px;}
.software-section .software-inner article:nth-child(4) { padding-left: 40px; padding-top: 20px; }
.software-section .software-inner article .content { padding-top: 10px;    width: 77%;}
.software-section .software-inner article .content p{padding-right: 20px;}
.gallery-section { padding: 80px 0 140px; }
.gallery-section .card{width: 200px; height: 450px;}
.gallery-section .carousel-container{height: 500px;margin-top: 20px;}
.gallery-section .card.left-1{    transform: translateX(-150px) scale(1.05) translateZ(-50px) rotateY(8deg);bottom: 2px;}
.gallery-section .card.right-1{ transform: translateX(150px) scale(1.05) translateZ(-50px) rotateY(-8deg); bottom: 2px;}
.gallery-section .card.left-2{transform: translateX(-320px) scale(0.95) translateZ(-200px) rotateY(15deg); bottom: 0;}
.gallery-section .card.right-2{transform: translateX(320px) scale(0.95) translateZ(-200px) rotateY(-15deg); bottom: 0;}
.gallery-section .nav-arrow.left { left: 0; }
.gallery-section .nav-arrow.right { right: 0; }
.gallery-section .carousel-dots{    margin-top: 35px;}
.gallery-section .carousel-dots .dot { width: 12px; height: 12px;}
.affordable-section { padding: 100px 0;}
.affordable-section article .plan-box .first{    padding: 32px 15px;}
.affordable-section article .plan-box .first h3{font-size: 16px; line-height: 18px;}
.affordable-section article .plan-box .first p.save-text{font-size: 16px; line-height: 24px;}
.affordable-section article .plan-box .second { padding: 14px;}
.affordable-section article .plan-box .second h3{font-size: 28px; line-height: 40px;}
.affordable-section article .plan-box .third { padding: 25px 14px;}
.affordable-section article .plan-box .third ul li{font-size: 13px; line-height: 30px;}
.affordable-section article .plan-box .third ul li ol li{font-size: 12px; line-height: 28px;}
.affordable-section article{margin-top: 40px;}
.faq-section { padding: 100px 0; }
.cta-section{    padding: 80px 0 200px;}
.form-section { padding: 30px 0 100px; }
.form-section p { margin-bottom: 40px; }

.demo-Modal .modal-dialog .modal-content h5{    font-size: 40px;    margin-bottom: 20px;}

.inner-banner{ padding: 60px 0; }
.blog-sec article.all-blogs{grid-gap: 30px; margin-top: 70px;}
.blog-sec article.all-blogs .blog-img img{height: 200px;}
.blog-sec article.all-blogs article h3{font-size: 20px; line-height: 30px;}
.blog-sec article.all-blogs article p{font-size: 16px; line-height: 26px;}

.main-help-sec article.all-help .each-help iframe { height: 180px;}
.main-help-sec .cover-screen-video .cover-image, .cover-screen-video video { height: 180px;}
.main-help-sec article.all-help .each-help h3{font-size: 18px; line-height: 28px;}
.main-help-sec article.all-help .each-help .content{padding: 10px;}

.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__clear{right: 10px;font-size: 17px;}

}

@media (min-width: 768px) and (max-width: 991.98px) {
.banner-section .banner-bg-image { width: 500px;}
.banner-section { margin-top: 100px; padding: 50px 0 100px; }
.banner-section .right img { width: 480px;}
.banner-section .right{text-align: right;}
.banner-section h1{font-size: 30px; line-height: 39px;margin-bottom: 20px;}
.banner-section p{padding-right: 30px;}
.features-section { padding: 30px 0 80px;}
.features-section .center { margin-bottom: 40px; }
.features-section .box-sec article { padding: 20px 8px;}
.features-section .box-sec h3{font-size: 22px; margin-bottom: 10px;}
.features-section .box-sec img { width: 90px;}
.features-section::before{width: 130px; height: 462px;background-size: contain; background-repeat: no-repeat; background-position: bottom;}
.discover-section{    padding: 30px 0 70px;}
.discover-section p { padding-right: 30px; }
.discover-section .common-btn { margin-top: 30px;}
.kds-app-section { padding: 50px 0 80px; }
.kds-app-section .center { margin-bottom: 40px; }
.kds-app-section .nav button{font-size: 12px; padding: 8px; line-height: 18px;}
.kds-app-section .tab-content .right h3::before{width: 120px;}
.kds-app-section .tab-content .right h3{font-size: 22px; line-height: 21px; margin-bottom: 30px; }
.kds-app-section .tab-content .right p{padding: 0;}
.kds-app-section .tab-content .right { padding-left: 60px; padding-top: 30px; }
.kds-app-section .tab-content .right .common-btn { margin-top: 30px}
.software-section { padding: 50px 0 80px; }
.software-section .software-inner { margin-top: 10px; align-items: baseline;}
.software-section .software-inner article .content h3{font-size: 22px; line-height: 21px; margin-bottom: 10px; }
.software-section .software-inner article .number{width: 60px; height: 60px;    font-size: 28px;}
.software-section .software-inner article .number span { width: 48px; height: 48px;}
.software-section .software-inner article:nth-child(1){    padding-bottom: 20px;}
.software-section .software-inner article:nth-child(2){padding-bottom: 20px; padding-left: 40px;}
.software-section .software-inner article:nth-child(3){    padding-top: 20px;}
.software-section .software-inner article:nth-child(4) { padding-left: 40px; padding-top: 20px; }
.software-section .software-inner article .content { padding-top: 30px;    width: 100%;}
.software-section .software-inner article .content p{padding-right: 20px;}
.gallery-section { padding: 50px 0 80px;        overflow: hidden; }
.gallery-section .card{width: 350px; height: 400px;}
.gallery-section .carousel-container{height: 500px;margin-top: 20px;}
.gallery-section .card.left-1{    transform: translateX(-130px) scale(1.05) translateZ(-50px) rotateY(8deg);bottom: 23px;}
.gallery-section .card.right-1{ transform: translateX(130px) scale(1.05) translateZ(-50px) rotateY(-8deg); bottom: 23px;}
.gallery-section .card.left-2{transform: translateX(-230px) scale(0.95) translateZ(-200px) rotateY(15deg); bottom: 3px;}
.gallery-section .card.right-2{transform: translateX(230px) scale(0.95) translateZ(-200px) rotateY(-15deg); bottom: 3px;}
.gallery-section .nav-arrow.left { left: 0; }
.gallery-section .nav-arrow.right { right: 0; }
.gallery-section .carousel-dots{    margin-top: 35px;}
.gallery-section .carousel-dots .dot { width: 12px; height: 12px;}





/* .gallery-section .mobile-gallery-sec{display: block;}
.gallery-section .carousel-container{display: none;} */




.affordable-section { padding: 80px 0;}
.affordable-section article .plan-box .first{    padding: 32px 15px;}
.affordable-section article .plan-box .first h3{font-size: 16px; line-height: 18px;}
.affordable-section article .plan-box .first p.save-text{font-size: 16px; line-height: 24px;}
.affordable-section article .plan-box .second { padding: 14px;}
.affordable-section article .plan-box .second h3{font-size: 28px; line-height: 40px;}
.affordable-section article .plan-box .third { padding: 25px 14px;}
.affordable-section article .plan-box .third ul li{font-size: 13px; line-height: 30px;}
.affordable-section article .plan-box .third ul li ol li{font-size: 12px; line-height: 28px;}
.affordable-section article{margin-top: 40px;}
.affordable-section .carousel-plan button{position: unset; width: 10px; height: 10px;margin: 30px 2px 0;border: 1px solid #3F51B5;}
.affordable-section .carousel-plan button.active{background-color: #3F51B5;}


.faq-section { padding: 80px 0; }
.cta-section{    padding: 50px 0 180px;}

.form-section ul li.location{max-width: 250px;}
.form-section { padding: 30px 0 80px; }
.form-section form .common-btn{    margin-top: 18px;}
.form-section p { margin-bottom: 40px; }

.demo-Modal .modal-dialog .modal-content h5{    font-size: 35px;    margin-bottom: 20px;}
.demo-Modal .modal-dialog { max-width: 650px; }
.demo-Modal .modal-dialog .modal-content form input, .demo-Modal .modal-dialog .modal-content form select , .demo-Modal .modal-dialog .modal-content form textarea{    padding: 15px 20px;}

.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single {padding: 15px 20px;}
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 26px;}
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top: 9px;}
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__clear{right: 15px;font-size: 16px;}



.inner-banner{ padding: 50px 0;     margin-top: 122px;}
.blog-sec article.all-blogs{grid-gap: 30px; margin-top: 70px;    grid-template-columns: 1fr 1fr;}
.blog-sec article.all-blogs .blog-img img{height: 200px;}
.blog-sec article.all-blogs article h3{font-size: 20px; line-height: 30px;}
.blog-sec article.all-blogs article p{font-size: 16px; line-height: 26px;}

.main-help-sec article.all-help .each-help iframe { height: 180px;}
.main-help-sec .cover-screen-video .cover-image, .cover-screen-video video { height: 180px;}
.main-help-sec article.all-help .each-help h3{font-size: 18px; line-height: 28px;}
.main-help-sec article.all-help .each-help .content{padding: 10px;}
.main-help-sec { padding: 50px 0; }
.main-help-sec article.all-help{grid-template-columns: 1fr 1fr; gap: 30px;}

}
@media (max-width: 767px) {
    
.banner-section .banner-bg-image { display: none;}
.banner-section { margin-top: 65px; padding: 50px 0; }
.banner-section h1 {font-size: 36px; line-height: 47px; margin-bottom: 20px; text-align: center;}
.banner-section h1 br{display: none;}
.banner-section p{padding-right: 0; text-align: center; margin-bottom: 30px;}
.features-section::before{display: none;}
.features-section { padding: 50px 0;}
.features-section .box-sec article{padding: 30px 28px; margin-top: 30px; transition: transform 0.3s ease; transform: unset !important; box-shadow: 0px 4px 25px 16px #00000005 !important; }
.features-section .center { margin-bottom: 0; }
.discover-section { background-image: unset; padding: 50px 0;}
.discover-section p { padding-right: 0; }
.discover-section .common-btn { margin-top: 30px;}
.discover-section .right{margin-top: 30px;}
.kds-app-section { padding: 50px 0; }
.kds-app-section .center { margin-bottom: 30px; }
.kds-app-section .nav{width: 100%; overflow-x: auto; overflow-y: hidden; display: flex ; justify-content: flex-start; flex-wrap: nowrap;padding-bottom: 13px;}
.kds-app-section .nav button{font-size: 18px; line-height: 21px; display: inline; white-space: nowrap; margin-bottom: 0; margin-right: 25px; width: max-content;padding: 13px 40px;}
.kds-app-section .tab-content { margin-top: 31px; }
.kds-app-section .tab-content .row{flex-direction: column-reverse;}
.kds-app-section .tab-content .right { padding-left: 12px; padding-top: 20px; text-align: center; }
.kds-app-section .tab-content .right h3::before{display: none;}
.kds-app-section .tab-content .right h3{    font-size: 30px;    margin-bottom: 40px;    margin-bottom: 20px;text-align: center;}
.kds-app-section .tab-content .right p{text-align: center; padding-right: 0;}
.kds-app-section .tab-content .right .common-btn { margin-top: 30px;}
.kds-app-section .tab-content .left{margin-top: 30px;}
.software-section { padding: 50px 0; }
.software-section .software-inner article{width: 100%;align-items: center; justify-content: center;}
.software-section .software-inner article .content { padding-top: 30px; width: 100%; }
.software-section .software-inner article .number { max-width: 100%;}
.software-section .software-inner article:nth-child(1) { border-right: 0; border-bottom: 0.5px solid #33333333; padding-bottom: 30px; margin-bottom: 30px; }
.software-section .software-inner article:nth-child(2) { border-bottom: 0.5px solid #33333333; padding-bottom: 30px; padding-left: 12px; }
.software-section .software-inner article:nth-child(3) { border-right: 0; padding-top: 30px;    border-bottom: 0.5px solid #33333333; padding-bottom: 30px;}
.software-section .software-inner article:nth-child(4) { padding-left: 12px; padding-top: 30px; }
.software-section .software-inner article .content h3 {font-size: 25px; line-height: 24px; margin-bottom: 20px; text-align: center;}
.software-section .software-inner article .content p{padding-right: 0;}

/* .gallery-section { padding: 50px 0;overflow: hidden; }
.gallery-section .nav-arrow { display: none;}
.gallery-section .carousel-container{height: 650px; margin-top: 0;}
.gallery-section .carousel-dots{    margin-top: -5px;} */


.gallery-section { padding: 50px 0;overflow: hidden; }
 .gallery-section .carousel-container{display: none !important;}

.gallery-section .mobile-gallery-sec{display: block;margin-top: 30px;}

.gallery-section .mobile-gallery-sec .owl-dots { display: flex; justify-content: center; gap: 8px; margin-top: 65px; } 
.gallery-section .mobile-gallery-sec .owl-dots .owl-dot span { width: 14px; height: 14px; border-radius: 50%; background: #EDF5FF; cursor: pointer; transition: all 0.3s;display: block; } 
.gallery-section .mobile-gallery-sec .owl-dots .owl-dot.active span{ background: #3F51B5; }
 


.affordable-section { padding: 50px 0;}
.affordable-section article{margin-top: 30px;}
.affordable-section article .plan-box .first{    padding: 32px 15px;}
.affordable-section article .plan-box .first h3{font-size: 16px; line-height: 18px;}
.affordable-section article .plan-box .first p.save-text{font-size: 16px; line-height: 24px;}
.affordable-section article .plan-box .second { padding: 14px;}
.affordable-section article .plan-box .second h3{font-size: 28px; line-height: 40px;}
.affordable-section article .plan-box .third { padding: 25px 14px;}
.affordable-section article .plan-box .third ul li{font-size: 13px; line-height: 30px;}
.affordable-section article .plan-box .third ul li ol li{font-size: 12px; line-height: 28px;}
.affordable-section article .plan-box{    padding-bottom: 30px;}
.affordable-section .carousel-plan button{position: unset; width: 10px; height: 10px;margin: 30px 2px 0;border: 1px solid #3F51B5;}
.affordable-section .carousel-plan button.active{background-color: #3F51B5;}





.faq-section { padding: 50px 0; }
.faq-section .accordion-header{    line-height: 29px;}
.faq-section .accordion-header span{padding-right: 20px;}
.faq-section .accordion-item .accordion-content p{text-align: left;}
.cta-section{background-position: bottom center; padding: 50px 0; background: linear-gradient(144.95deg, rgba(1, 105, 255, 0.2) 9.66%, rgba(0, 204, 254, 0.2) 79.52%);}
.form-section { padding: 50px 0; }
.form-section p { margin-bottom: 30px; }
.form-section p br{display: none;}
.form-section ul li { font-weight: 500; font-size: 15px; line-height: 26px; color: #333333; margin-top: 0; background-repeat: no-repeat; padding-left: 27px; background-position: 0 5px; background-size: 16px; margin-bottom: 20px; }
.form-section form input, .form-section form textarea{    padding: 14px 20px;}
.form-section form {margin-top: 30px;}
.form-section form .common-btn{    margin-top: 20px;}


.demo-Modal .modal-dialog .modal-content h5{    font-size: 25px; line-height: 40px;   margin-bottom: 15px; text-align: center;}
.demo-Modal .modal-dialog .modal-content form input, .demo-Modal .modal-dialog .modal-content form select , .demo-Modal .modal-dialog .modal-content form textarea{    padding: 10px 10px;    font-size: 14px;}
.demo-Modal .modal-dialog .modal-content{    padding: 18px;    border-radius: 10px;}
.demo-Modal .modal-dialog .modal-content .btn-close{right: 20px; top: 20px;background-size: 20px; width: 30px; height: 30px;}
.demo-Modal .modal-dialog .modal-content form button{    padding: 15px;}

.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single {    padding: 10px 10px;    font-size: 14px;line-height: 26px;}
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 26px;}
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top: 3px;}
.demo-Modal .modal-dialog .modal-content form .select2-container--default .select2-selection--single .select2-selection__clear{right: 20px;font-size: 16px;}





.errors-container { height: 20px; }
.errors-container ul li{ font-size: 12px; line-height: 18px; text-align: left; padding: 0;color: red;margin: 0;}





.inner-banner{ padding: 50px 0;     margin-top: 83px;}
.blog-sec article.all-blogs{grid-gap: 30px; margin-top: 70px;    grid-template-columns: 1fr;}
.blog-sec article.all-blogs .blog-img img{height: 200px;}
.blog-sec article.all-blogs article h3{font-size: 20px; line-height: 30px;}
.blog-sec article.all-blogs article p{font-size: 16px; line-height: 26px;        text-align: left;}
.blog-sec article.all-blogs article a.common-btn{        margin-left: 0 !important;}

.help-sec h2{padding: 0 30px;}
.main-help-sec article.all-help .each-help iframe { height: 200px;}
.main-help-sec .cover-screen-video .cover-image, .cover-screen-video video { height: 200px;}
.main-help-sec article.all-help .each-help h3{font-size: 18px; line-height: 28px;}
.main-help-sec article.all-help .each-help .content{padding: 10px;}
.main-help-sec { padding: 50px 0; }
.main-help-sec article.all-help{grid-template-columns: 1fr; gap: 30px;}

}



.help-faq-sec.faq-section{padding: 100px 0;}
.help-faq-sec .search-wrapper { display: flex; align-items: center; width: 100%; max-width: 520px; margin: 12px 0; background: #fff; border: 1px solid #ddd; border-radius: 28px; padding: 6px 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); }
.help-faq-sec .search-input { flex: 1; border: none; outline: none; padding: 10px 12px; font-size: 15px; border-radius: 24px; background: transparent; }
.help-faq-sec .search-btn { display: inline-flex; align-items: center; justify-content: center; border: none; background: transparent; cursor: pointer; padding: 8px; margin-left: 6px; color: #333; font-size: 18px; }
.help-faq-sec .search-box { position: relative; width: 100%;background-color: #E7F4FF66;margin-bottom: 30px;}
.help-faq-sec .search-box input {width: 100%; padding: 15px 12px 15px 55px; border: 1px solid #3333334D; border-radius: 6px; font-size: 16px; outline: none; transition: 0.2s ease; /* background-color: #E7F4FF66; */ color: #333;font-family: "Raleway", sans-serif !important;font-weight: 500; }
.help-faq-sec .search-box input:focus { border-color: #007BFF; box-shadow: 0 0 4px rgba(0, 123, 255, .3); }
.help-faq-sec .search-box .fa-search { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); color: #333333b3; font-size: 20px;padding-left: 10px; }
/* Hover / focus states */
.help-faq-sec .search-wrapper:focus-within { box-shadow: 0 4px 12px rgba(0,0,0,0.06); border-color: #CFCFCF; }
.help-faq-sec .search-btn:hover { color: #000; }
.help-faq-sec .pagination { justify-content: center; margin-top: 60px }
.help-faq-sec .pagination li a { font-weight: 500; font-size: 24px; line-height: 20px; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; margin: 0 5px; background-color: #F1F3F6; border-radius: 4px }
.help-faq-sec .pagination li.current-page a, .help-faq-sec .pagination li a:hover { font-weight: 700; color: #fff; background-color: #3F51B5 }
.help-faq-sec .pagination li a:hover img { filter: brightness(0) invert(1) }
.help-faq-sec .pagination .ellipsis span{    font-size: 40px; line-height: 35px; margin: 0 10px; }
.help-faq-sec .pagination .prev.disabled{display: none;}
.help-faq-sec .pagination .next.disabled{display: none;}
@media (max-width: 575.98px) {
.help-faq-sec .pagination li a { height: 40px; width: 40px; font-size: 20px }
.help-faq-sec .pagination li a { height: 40px; width: 40px; font-size: 20px }
}
@media (min-width: 768px) and (max-width: 991.98px) {
.help-faq-sec.pagination li a { height: 40px; width: 40px; font-size: 20px }
.help-faq-sec.faq-section{padding: 50px 0;}
}
@media (max-width: 767px) {
.help-faq-sec.faq-section{padding: 50px 0;}
}