.reactjs-module__YBXzmq__carouselTrackContainer{position:relative;overflow:hidden}.reactjs-module__YBXzmq__carouselTrack{padding-left:0;transition:transform .5s ease-in-out;display:flex}.reactjs-module__YBXzmq__carouselSlide{box-sizing:border-box;flex-shrink:0;min-width:60%}.reactjs-module__YBXzmq__currentSlide{transition:transform .5s ease-in-out}.reactjs-module__YBXzmq__card1,.reactjs-module__YBXzmq__card2,.reactjs-module__YBXzmq__card3,.reactjs-module__YBXzmq__card4{text-align:center;background-size:cover;border:none;border-radius:30px;width:600px;max-width:800px;height:308px;transition:transform .3s;overflow:hidden}.reactjs-module__YBXzmq__card{background:linear-gradient(#fe7e19 0%,#fff 100%) 0 0/cover}.reactjs-module__YBXzmq__card:hover{background:linear-gradient(#fe8321 0%,#ed83f7 100%) 0 0/cover}.reactjs-module__YBXzmq__card .reactjs-module__YBXzmq__card2head{color:#fff;font-family:poppinsBold;font-size:36px}.reactjs-module__YBXzmq__card1{background:#000 0 0/cover;transition:transform .3s;position:relative}.reactjs-module__YBXzmq__card1:hover{background:#000 0 0/cover}.reactjs-module__YBXzmq__card1image{width:100%;transition:transform .3s,bottom .3s;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.reactjs-module__YBXzmq__card1:hover .reactjs-module__YBXzmq__card1image{bottom:50%;transform:translate(-50%,50%)}.reactjs-module__YBXzmq__card2{background-image:url(/assets/images/reactjscasestudies/reactjs-1.png);background-size:cover;width:602px}.reactjs-module__YBXzmq__card2:hover{background-image:url(/assets/images/reactjscasestudies/reactjs-2.png);background-size:cover;transition:all .3s}.reactjs-module__YBXzmq__card3{background:linear-gradient(#f4f4f4 34.82%,#005bf9 100%) 0 0/cover}.reactjs-module__YBXzmq__card3:hover{background:linear-gradient(#f4f4f4 43.2%,#8100ad99 100%) 0 0/cover}.reactjs-module__YBXzmq__card4{background:#f2f4f5 0 0/cover;position:relative}.reactjs-module__YBXzmq__card4:hover{background-size:cover}.reactjs-module__YBXzmq__card4:hover .reactjs-module__YBXzmq__head4{background-color:#f2f4f5;background-repeat:no-repeat;transform:scale(1.1)}.reactjs-module__YBXzmq__cardFooter,.reactjs-module__YBXzmq__cardFooter1,.reactjs-module__YBXzmq__cardFooter2,.reactjs-module__YBXzmq__cardFooter3,.reactjs-module__YBXzmq__cardFooter4{color:#fff;text-align:left;background-color:#009de0;height:68px;padding:20px;line-height:.6px}.reactjs-module__YBXzmq__cardFooter{margin-top:32px}.reactjs-module__YBXzmq__cardFooter1{z-index:1;margin-top:14px;position:relative}.reactjs-module__YBXzmq__cardFooter2{margin-top:188px}.reactjs-module__YBXzmq__cardFooter3{margin-top:8px}.reactjs-module__YBXzmq__cardFooter4{margin-top:29px}.reactjs-module__YBXzmq__cardFooter p,.reactjs-module__YBXzmq__cardFooter1 p,.reactjs-module__YBXzmq__cardFooter2 p,.reactjs-module__YBXzmq__cardFooter3 p,.reactjs-module__YBXzmq__cardFooter4 p{line-height:.6px}.reactjs-module__YBXzmq__card:hover .reactjs-module__YBXzmq__cardItem,.reactjs-module__YBXzmq__card:hover .reactjs-module__YBXzmq__cardItem p,.reactjs-module__YBXzmq__card1:hover .reactjs-module__YBXzmq__head1,.reactjs-module__YBXzmq__card1:hover .reactjs-module__YBXzmq__cardItem1,.reactjs-module__YBXzmq__card1:hover .reactjs-module__YBXzmq__cardItem1 p,.reactjs-module__YBXzmq__card2:hover .reactjs-module__YBXzmq__head2,.reactjs-module__YBXzmq__card2:hover .reactjs-module__YBXzmq__cardItem2,.reactjs-module__YBXzmq__card2:hover .reactjs-module__YBXzmq__cardItem2 p,.reactjs-module__YBXzmq__card3:hover .reactjs-module__YBXzmq__cardItem3,.reactjs-module__YBXzmq__card3:hover .reactjs-module__YBXzmq__cardItem3 p,.reactjs-module__YBXzmq__card4:hover .reactjs-module__YBXzmq__cardItem4,.reactjs-module__YBXzmq__card4:hover .reactjs-module__YBXzmq__cardItem4 p{transform:scale(1.1)}.reactjs-module__YBXzmq__card:hover .reactjs-module__YBXzmq__cardFooter,.reactjs-module__YBXzmq__card1:hover .reactjs-module__YBXzmq__cardFooter1,.reactjs-module__YBXzmq__card2:hover .reactjs-module__YBXzmq__cardFooter2,.reactjs-module__YBXzmq__card3:hover .reactjs-module__YBXzmq__cardFooter3,.reactjs-module__YBXzmq__card4:hover .reactjs-module__YBXzmq__cardFooter4{background-color:#8e09b5}.reactjs-module__YBXzmq__card4:hover .reactjs-module__YBXzmq__cardItem4 p{color:#fff}.reactjs-module__YBXzmq__head1,.reactjs-module__YBXzmq__head2,.reactjs-module__YBXzmq__head4{text-align:center;margin-top:15px;transition:transform .3s}.reactjs-module__YBXzmq__head2{text-align:right}.reactjs-module__YBXzmq__head{margin-top:30px;transition:transform .3s}.reactjs-module__YBXzmq__head3{margin-top:15px;margin-left:30px;transition:all .3s!important}.reactjs-module__YBXzmq__card3:hover .reactjs-module__YBXzmq__head3{transform:scale(1.1)}.reactjs-module__YBXzmq__head4{text-align:left;background:#f2f4f5 url(/assets/images/reactjscasestudies/kiin.png) no-repeat;height:50px;margin-bottom:30px;margin-left:60px}.reactjs-module__YBXzmq__logo{max-width:100%;height:auto}.reactjs-module__YBXzmq__cardContent{justify-content:center;gap:20px;padding:20px;display:flex}.reactjs-module__YBXzmq__cardContent1{background-color:#ffdaa3;justify-content:center;gap:20px;padding:20px;transition:all .5ms ease-in;display:flex}.reactjs-module__YBXzmq__card4:hover .reactjs-module__YBXzmq__cardContent1{background-color:#ffc46c;justify-content:space-evenly;display:flex}.reactjs-module__YBXzmq__cardContent1 .reactjs-module__YBXzmq__cardItem,.reactjs-module__YBXzmq__cardItem1,.reactjs-module__YBXzmq__cardItem2,.reactjs-module__YBXzmq__cardItem3,.reactjs-module__YBXzmq__cardItem4{text-align:center;flex-direction:column;align-items:center;transition:transform .3s;display:flex}.reactjs-module__YBXzmq__cardItem1 img,.reactjs-module__YBXzmq__cardItem2 img,.reactjs-module__YBXzmq__cardItem3 img{margin-top:28px}.reactjs-module__YBXzmq__cardItem2 img{width:80px;height:80px}.reactjs-module__YBXzmq__cardItem img{width:90px;height:90px}.reactjs-module__YBXzmq__cardItem1 img,.reactjs-module__YBXzmq__cardItem3 img{width:60px;height:60px}.reactjs-module__YBXzmq__cardItem3 img{width:100px;height:100px}.reactjs-module__YBXzmq__cardItem1 p,.reactjs-module__YBXzmq__cardItem2 p,.reactjs-module__YBXzmq__cardItem3 p,.reactjs-module__YBXzmq__cardItem4 p{font-family:poppinsRegular;font-size:14px;transition:transform .3s}.reactjs-module__YBXzmq__cardItem1 p{color:#fff;font-size:12px!important}.reactjs-module__YBXzmq__cardItem3 p{color:#000;margin-bottom:-14px;padding-left:12px;padding-right:12px;font-family:poppinsBold,sans-serif;font-size:12px!important}.reactjs-module__YBXzmq__cardItem4 p{color:#109d95;padding-left:20px;padding-right:20px;font-family:poppinsBold,sans-serif;font-size:10px!important}.reactjs-module__YBXzmq__card2Para{margin-top:35px;margin-bottom:0;margin-right:45px;font-size:14px;font-family:poppinsMedium,sans-serif!important}.reactjs-module__YBXzmq__footerHead{color:#fff;font-family:poppinsBold;font-size:18px!important}.reactjs-module__YBXzmq__footerContent{color:#fff;font-family:poppinsBold}.reactjs-module__YBXzmq__footerPara{justify-content:space-between;align-items:center;display:flex}.reactjs-module__YBXzmq__arrowLeft,.reactjs-module__YBXzmq__arrowRight{cursor:pointer;background-color:#d9d9d9;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:background-color .3s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 8px #0003}.reactjs-module__YBXzmq__arrowLeft:hover,.reactjs-module__YBXzmq__arrowRight:hover{background-color:#3d3e40}.reactjs-module__YBXzmq__arrowLeft:hover .reactjs-module__YBXzmq__arrow svg path,.reactjs-module__YBXzmq__arrowRight:hover .reactjs-module__YBXzmq__arrow svg path{fill:#fff}.reactjs-module__YBXzmq__disabled{pointer-events:none;opacity:.5}.reactjs-module__YBXzmq__arrow svg{fill:#000;width:15px;height:24px;transition:fill .3s}.reactjs-module__YBXzmq__arrowLeft{right:70px}.reactjs-module__YBXzmq__arrowRight{right:25px}@media (max-width:1000px) and (min-width:625px){.reactjs-module__YBXzmq__carouselSlide{justify-content:center;width:100%;display:flex}}@media (max-width:1200px) and (min-width:1001px){.reactjs-module__YBXzmq__carouselSlide{width:65%}}
.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1rem;transition:opacity .7s ease-in-out,visibility .7s ease-in-out;display:flex;position:fixed;inset:0}.modal-overlay .modal-gradient{background:linear-gradient(135deg,#03aded 14.52%,#8000ad 90.32%);border-radius:20px;width:100%;max-width:900px;height:auto;min-height:557px;padding:1.5rem;transition:transform .7s ease-in-out,opacity .7s ease-in-out;display:inline-block;position:relative}.modal-overlay .modal-gradient.thankyou-mode{background:0 0;height:500px}@media (max-width:768px){.modal-overlay .modal-gradient.thankyou-mode{height:auto}}.modal-overlay .modal-container.no-bg{box-shadow:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:flex;background:0 0!important;padding:0!important}@media (max-width:768px){.modal-overlay .modal-container.no-bg{width:90%}}.modal-overlay .modal-container.no-bg img{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto}.modal-overlay .modal-container{background:#02020229;border-radius:16px;gap:1rem;width:100%;max-width:9000px;height:auto;min-height:510px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (max-width:480px){.modal-overlay .modal-container{gap:1rem;width:420px;margin:auto;padding:16px}}@media (max-width:768px){.modal-overlay .modal-container{flex-direction:column;gap:1rem;margin:auto;padding:16px;width:360px!important}}@media (max-width:800px){.modal-overlay .modal-container .modal-container{flex-direction:column;gap:1.5rem;margin:auto;padding:20px;width:420px!important}}.modal-overlay .close-btn{color:#fff;z-index:1001;cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute}.modal-overlay .close-btn.before-submit{top:0;right:6px}.modal-overlay .close-btn.after-submit{top:27px;right:58px}.modal-overlay .form-section{flex:1 0;justify-content:center;align-items:center;max-width:320px;display:flex}.modal-overlay .form-content{width:100%}.modal-overlay .form-content h2{color:#fff;margin-bottom:.5rem;font-family:poppinsRegular,sans-serif;font-size:1.2rem}.modal-overlay .form-content p{color:#fbfbfb;margin-bottom:1.3rem;font-family:poppinsRegular,sans-serif;font-size:.9rem}.modal-overlay .form-content form{flex-direction:column;gap:5px;display:flex}.modal-overlay .form-content form .form-row{gap:1.2rem;display:flex}.modal-overlay .form-content form .form-row input{flex:1;width:150px;margin-bottom:7px}.modal-overlay .form-content form input,.modal-overlay .form-content form textarea{color:#000;border:1px solid #ccc;border-radius:5px;outline:none;padding:.5rem;font-size:.95rem}.modal-overlay .form-content form input::placeholder{color:#999!important}.modal-overlay .form-content form textarea{resize:none;height:100px}.modal-overlay .form-content form .errormsg{color:#fff;font-family:poppinsRegular,sans-serif;font-size:.75rem}.modal-overlay .form-content form .custom-dropdown-wrapper{width:100%;font-family:Segoe UI,sans-serif;position:relative}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-btn{color:#999;text-align:left;cursor:pointer;border:none;border-radius:6px;width:100%;padding:13px 9px;font-family:PoppinsRegular,sans-serif;font-weight:500;position:relative;background-color:#fff!important}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-btn:hover{background-color:#fff!important}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-btn[data-selected=true]{color:#000;font-weight:500;background-color:#fff!important}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-btn .arrow{float:right;color:#666;font-size:16px}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-options{z-index:10;scrollbar-width:thin;scrollbar-color:#ccc #0000;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 6px 6px;width:100%;max-height:180px;margin-top:1px;position:absolute;overflow-y:auto;box-shadow:0 2px 6px #0000001a}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-options::-webkit-scrollbar{width:6px}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-options::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}@media (max-width:600px){.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-options{max-height:140px}}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-options.hide{display:none}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-option{cursor:pointer;border-bottom:1px double #ccc;align-items:center;padding:12px 16px;font-size:13px;display:flex;font-family:poppinsMedium,sans-serif!important}.modal-overlay .form-content form .custom-dropdown-wrapper .dropdown-option:hover{background-color:#f1f1f1}.modal-overlay .form-content form .custom-dropdown-wrapper label{color:#333;margin-bottom:.2rem;font-family:PoppinsRegular,sans-serif;font-weight:600}.modal-overlay .form-content form .custom-dropdown-wrapper .icon{margin-right:12px;font-size:18px}.modal-overlay .form-content form .custom-dropdown-wrapper .errormsg{margin-top:4px;font-size:12px}.modal-overlay .form-content form .custom-dropdown-wrapper .arrow{transition:transform .2s;display:inline-block}.modal-overlay .form-content form .custom-dropdown-wrapper .arrow.rotate{transform:rotate(180deg)}.modal-overlay .form-content form button{color:#fff;cursor:pointer;background:#8000ad;border:none;border-radius:5px;padding:.5rem;font-family:poppinsRegular,sans-serif;font-size:.9rem;font-weight:600}.modal-overlay .form-content form button:hover{opacity:.9}.modal-overlay .form-content form button:disabled{opacity:.6;cursor:not-allowed}.modal-overlay .image-section{flex-direction:column;flex:1;margin-top:10px;display:flex;position:relative}.modal-overlay .image-section img{-o-object-position:center;object-position:center;width:100%;height:100%}@media (max-width:480px) and (min-width:320px){.modal-overlay .image-section{display:none}}@media (max-width:767px) and (min-width:481px){.modal-overlay .image-section{display:none}}.modal-overlay .image-section .caption{color:#fff;width:100%;padding:1rem;font-size:.9rem;position:absolute;bottom:5px}.modal-overlay .image-section .caption .fill{font-weight:600;color:#fff!important}.modal-overlay .image-section .caption em{opacity:.8;text-align:right;margin-top:.5rem;font-size:.85rem;font-style:italic;font-weight:600;display:block}.modal-overlay .open-modal-btn{color:#fff;cursor:pointer;background:#8e2de2;border:none;border-radius:5px;padding:.75rem 1.5rem;font-weight:500}.modal-overlay .open-modal-btn:hover{background:#6a0dad}.thankyou-container{text-align:center}.thankyou-container img{max-width:100%;margin:0 auto 1.5rem;display:block}.thankyou-container h2{color:#fff;font-size:2rem}.thankyou-container p{color:#fff;margin-top:.5rem;font-size:1.1rem}