@import url('./main.css');
/* :root{
    --theme-black: #2B2B2F;
    --theme-gray: #232328;
    --theme-hover-tab-bg: #696978;
    --theme-hover-btn-bg: #afafc8;
    --theme-light-gray: #e1e1f0;
    --theme-yellow: #FFC84B;
    --theme-clr-light-white: rgb(225, 225, 240);
} */
@font-face {font-family: 'Poppins-Bold';src: url('../fonts/Poppins-Bold.woff');font-style: normal;}
@font-face {font-family: 'Poppins-Semibold';src: url('../fonts/Poppins-SemiBold.woff');font-style: normal;}
@font-face {font-family: 'Poppins-Medium';src: url('../fonts/Poppins-Medium.woff');font-style: normal;}
@font-face {font-family: 'Poppins-Regular';src: url('../fonts/Poppins-Regular.woff');font-style: normal;}

/* general css */
*{margin: 0;padding: 0;box-sizing: border-box;}
.ff-Montserrat-regular{font-family: 'Poppins-Regular';}
.ff-Montserrat-bold{font-family: 'Poppins-Bold';}
.ff-Montserrat-semibold{font-family: 'Poppins-Semibold';}
.ff-Montserrat-medium{font-family: 'Poppins-Medium';}
.fs-48 { font-size: 3rem;line-height: 1.5; }
.fs-36 { font-size: 2.25rem;line-height: 1.5; }
.fs-32 { font-size: 2rem;line-height: 1.5;}
.fs-30 { font-size: 1.875rem;line-height: 1.5; }
.fs-24 { font-size: 1.5rem;line-height: 2.5rem; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px !important; }
.fs-16 { font-size: 1rem;line-height: 1.5; }
.fs-14 { font-size: 0.875rem;line-height: 1.5; }
.pt-5{padding-top: 5.25rem;}
.pb-5{padding-bottom: 5.25rem;}
/* .bg-black{background-color: var(--theme-black);}
.bg-gray{background-color: var(--theme-gray);}
.clr-yellow{color: var(--theme-yellow);}
.clr-gray{color: var(--theme-light-gray);}
.clr-gray-dark{color: #464650;}
.clr-gray-light{color: var(--theme-hover-btn-bg);}
.clr-white-light{color: var(--theme-clr-light-white);} */
.clr-red{color: red;}
.rounded-20{border-radius: 20px !important;}
a{text-decoration: none;}
a:hover{color: var(--theme-yellow);}
.btn-yellow, .btn-gray{min-height: 40px;min-width: 120px;width: fit-content !important;color: var(--theme-black);font-size: 14px;font-family: 'Poppins-Semibold';transition: all 0.3s ease;padding: 12px 40px;}
body{font-family: 'Poppins-Regular';}
.cursor-not-allowed{cursor: not-allowed !important;}

.container, .nav.navbar, footer{max-width: 1161px !important;}
.form-control:focus, .btn:focus{outline: none !important;box-shadow: none !important;}
.form-control::placeholder{color: var(--theme-hover-btn-bg);font-size: 14px;}
.get-started{font-size: 18px;}
.section__one{border: 2px solid var(--theme-yellow);min-height: 500px;}
.only_text{max-width: 950px;margin: 0 auto;}
.nav-tabs .nav-link{border: none !important;}

/* header css */
nav.navbar{position: sticky;top: 0;min-height: 80px;border-radius: 0 0 20px 20px !important;backdrop-filter: blur(32px) !important; -webkit-backdrop-filter: blur(20px) !important;z-index: 99999;}
nav.navbar .navbar-nav .nav-item{padding-inline: 1.5rem;}
.navbar-collapse.collapsing{max-height: 240px !important;transition: all 0.5s ease !important;}
nav.navbar .navbar-nav .nav-item .nav-link{font-family: 'Poppins-Semibold';font-size: 0.9375rem;padding-inline: 1rem;border-bottom: 1px solid #00000000;position: relative;padding-bottom: 10px;padding-top: 10px;}
nav.navbar .navbar-nav .nav-item .nav-link::after, .menu__dropdown .dropdown-toggle::after{content: '';width: 0px;height: 1px;margin-left: 0px;background-color: #ffc848;position: absolute;bottom: 5px;left: 0;transition: all 0.25s ease;border: 0 !important;}
nav.navbar .navbar-nav .nav-item .nav-link:hover, nav.navbar .navbar-nav .nav-item .nav-link.active, .menu__dropdown:hover .nav-link{color: #ffc848;border-bottom: 1px solid #00000000;}
nav.navbar .navbar-nav .nav-item .nav-link.active::after, nav.navbar .navbar-nav .nav-item .nav-link:hover::after, .menu__dropdown:hover .dropdown-toggle::after{width: 100% !important;}
.navbar-toggler:focus{box-shadow: none !important;}
.menu__dropdown .dropdown-menu{min-width: 240px;padding: 0;background: linear-gradient(0deg, #1E1E24, #1E1E24), linear-gradient(0deg, #2B2B2F, #2B2B2F);backdrop-filter: blur(100px);-webkit-backdrop-filter: blur(100px);border: 0; border-radius: 0;display: block;transform: translateY(50px) translateX(-50%);visibility: hidden;opacity: 0;transition: all 0.3s ease-in-out;height: 0px;position: absolute;border-width: 0px, 0px, 0px, 0px;border-style: solid;border-image-source: linear-gradient(133.31deg, #e1e1f080 7.48%, rgba(225, 225, 240, 0) 99.7%);position: absolute;left: 50%;}
.menu__dropdown .dropdown-menu.show{visibility: visible;opacity: 1;transform: translateY(0) translateX(-50%);transition: all 0.3s ease-in-out;height: fit-content;border-radius: 10px;border: 1px solid #3c3c3c; position: absolute;left: 50%;top: 100%;}
/* .menu__dropdown .dropdown-toggle::after{display: none;} */
.menu__dropdown .dropdown-menu li a{padding: 12px 20px;transition: all 0.5s ease-in-out;font-size: 0.8rem !important;overflow: hidden;}
.menu__dropdown .dropdown-menu li a .fa{margin-left: -50px;margin-right: 25px;visibility: hidden;transition: all 0.5s ease;}
.menu__dropdown .dropdown-menu li a:hover .fa, .menu__dropdown .dropdown-menu li a.active .fa{margin-left: 0px;margin-right: 0px;visibility: visible;}
.menu__dropdown .dropdown-menu li:first-child{border-top-right-radius: 10px;border-top-left-radius: 10px;overflow: visible;position: relative;}
.menu__dropdown .dropdown-menu li:first-child a{border-top-right-radius: 10px;border-top-left-radius: 10px;}
.menu__dropdown .dropdown-menu li:first-child::before{content: '';height: 8px;width: 8px;transform: rotate(45deg) translateX(50%);right: 50%;position: absolute;top: -8px;border-top: 1px solid #3c3c3c;border-left: 1px solid #3c3c3c;background-color: #1e1e24;z-index: -1;}
.menu__dropdown .dropdown-menu li:last-child{border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;overflow: hidden;}
.menu__dropdown .dropdown-menu li a:hover,.menu__dropdown .dropdown-menu li a.active{color: #ffc848 !important;background-color: #00000000;}
/* .dropdown-toggle::after {display: none !important;margin-left: 0 !important;vertical-align: none !important;content: "";border-top: none !important;border-right: none !important;border-bottom: 0;border-left: none !important;} */
.dropdown-toggle .fa-caret-down{top: 43%;transform: translateY(-50%);right: 15px;color: #E1E1F0;transition: all 0.25s ease;}
.menu__dropdown:hover .dropdown-toggle .fa-caret-down{top: 43%;transform: translateY(-50%) rotate(180deg);right: 15px;color: #ffc848;}
.dropdown-toggle.active .fa-caret-down{top: 43%;transform: translateY(-50%);right: 15px;color: #ffc848;}
.dropdown-toggle{pointer-events: none !important;padding-right: 30px !important;}
.toggle-icon .bar-one{width: 17.5px;border-radius: 2px;background-color: #ffffff;height: 4px;transition: all 0.25s ease;}
.toggle-icon .bar-two{width: 9.38px;border-radius: 2px;background-color: #ffc848;height: 4px;margin: 4px 0px 4px auto;transition: all 0.25s ease;}
.navbar-toggler:hover .bar-one{width: 9.38px;margin: 0px 0px 0px auto;}
.navbar-toggler:hover .bar-two{width: 17.5px;}
.navbar:has(.navbar-collapse.collapse.show) .navbar-toggler .bar-one{width: 9.38px;margin: 0px 0px 0px auto;}
.navbar:has(.navbar-collapse.collapse.show) .navbar-toggler .bar-two{width: 17.5px;}
.navbar:has(.navbar-collapse.collapse) .navbar-toggler .bar-one{width: 17.5px;}
.navbar:has(.navbar-collapse.collapse) .navbar-toggler .bar-two{width: 9.38px;margin: 4px 0px 4px auto;}
/* header css end*/

/* main-css */
.home__wrapper .section__one img{max-height: 584px;}
.home__wrapper .section__four{background-image: url('../images/1-cue-bridge-p-perspective-1200.jpg');background-repeat: no-repeat;background-color: #2C2B31;background-position: center;background-attachment: fixed;background-size: cover;}
.home__wrapper .section__four .overlay{background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);padding: 5.25rem 0;}
.home__wrapper .section__four .overlay .fs-36{font-size: 2.5rem;}
.home__wrapper .section__four .overlay .fs-24{margin-bottom: 6.25rem;}

.home__wrapper .section__four .swiper img{border-radius: 20px;max-width: 140px;max-height: 100px;width: 140px;}
.home__wrapper .section__four .swiper {margin-bottom: 30px; mask-image: linear-gradient(to right,transparent 0%,white 10%,white 90%,transparent 100%);}  
.home__wrapper .section__four .swiper .swiper-wrapper {transition-timing-function: linear;align-items: center;}  
.home__wrapper .section__four .swiper .swiper-slide {display: inline-block;background: var(--bs-white);padding: 10px;border-radius: 20px;min-height: 120px;width: 160px;height: 120px;}
.home__wrapper .section__four .products__details .box{width: 190px; border: 2px solid #8c8ca0; padding-block: 25px;border-radius: 20px;}
.home__wrapper .section__five .text, .work__wrapper .section__two .text{max-width: 530px;}
.home__wrapper .section__five .nav-item{min-width: 32%;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: var(--theme-light-gray) !important;background-color: var(--theme-gray) !important;}
.home__wrapper .section__five .nav-item .nav-link{transition: all .3s ease-in-out;}
.home__wrapper .section__five .nav-item .nav-link:hover{background-color: #858597 !important;border: none !important;border-radius: 20px !important;color: var(--theme-light-gray);}
.home__wrapper .section__five .nav-item .nav-link.active{background-color: #858597 !important;opacity: 1 !important;}
.home__wrapper .section__five .nav-item .nav-link:focus{background-color: var(--theme-yellow);color: var(--theme-light-gray);border: none;}
.home__wrapper .section__five .nav-item .tab_icon{width: 40px;height: 40px;}
.home__wrapper .section__testimonials{position: relative;}
.home__wrapper .section__testimonials .swiper_img{width: 50px; height:50px;border-radius: 2px;object-fit: cover;object-position: center;}
.home__wrapper .section__testimonials .rating .fa-star{font-size: 24px !important;}
.fa-quote-left{position: absolute;font-size: 25px !important;top: 10px;left: 0px;}
.fa-quote-right{position: absolute;font-size: 25px !important;bottom: 10px;right: -15px;}
.section__testimonials i.fa.fa-quote-left{margin-top: -14px;}

.work__wrapper .section__two .navigation img{width: 50px;opacity: 0.5;}
.work__wrapper .section__two .nav-link:hover{border: 0 !important;}
.work__wrapper .section__two .nav-link:hover img, .work__wrapper .section__two .nav-link.active img{opacity: 1;filter: invert(38%) sepia(80%) saturate(1300%) hue-rotate(5deg) brightness(95%);}
.work__wrapper .nav-item .nav-link:focus, .work__wrapper .nav-tabs .nav-item.show .nav-link, .work__wrapper .nav-tabs .nav-link.active{background-color: transparent !important;color: var(--theme-light-gray);border: none;}
.work__wrapper .tab-pane div{display: flex;gap: 35px;flex-wrap: wrap;margin-inline: auto;}
.work__wrapper .tab-link{max-width: 16.5%;padding: 5px;min-height: 108px;}

/* .product__wrapper .section__two{border-bottom-right-radius: 0px !important;border-bottom-left-radius: 0px !important;} */
/* .product__wrapper .section__three{border-top-right-radius: 0px !important;border-top-left-radius: 0px !important;} */
.product__wrapper .section__three .overlay::before{pointer-events: none;content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: linear-gradient(to bottom, #2b2b2f 3%, rgba(0, 0, 0, 0.5) 30%);border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
/* .product__wrapper .overlay{background-image: url('../images/cue-home-products.jpg');background-repeat: no-repeat;background-color: #2C2B31;background-position: center;background-attachment: fixed;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;min-height: 700px;} */
/* .product__wrapper .cue__bridge .overlay,.product__wrapper .cue__bridge-max .overlay,.product__wrapper .cue__bridge-plus .overlay{min-height: auto !important;} */
.product__wrapper .cue__bridge .overlay::before,.product__wrapper .cue__bridge-max .overlay::before,.product__wrapper .cue__bridge-plus .overlay::before{
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px !important;
}
.product__wrapper .overlay{height: 400px;}
.product__wrapper table th, .product__wrapper table td{border-color: var(--theme-gray) !important;}
.product__wrapper table td{font-size: 14px;}

.product__wrapper .section__one{
    z-index: 9;
    position: relative;
}
.product__wrapper .section__two{
    z-index: 9;
    position: relative;
    margin: 0 !important;
    padding: 100px 0px 100px !important;
    border-radius: 0px !important;
}

.product__wrapper div.parallax-image1 {
  -webkit-background-size: 100vh;
  -moz-background-size: 100vh;
  background-size: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -100vh;
  top: 0px;
  background-image: url('../images/cue-home-products.jpg');
}
.sticky {
  width: 100%;
  height: 100vh;
  background: linear-gradient(45deg, red, blue);
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 0;
}
.product__wrapper .cue__bridge-plus{
    border-top: 25px solid #2b2b2f !important;
    border-bottom: 25px solid #2b2b2f !important;
    z-index: 9;
    position: relative;
    background: transparent !important;
}
.product__wrapper .cue__bridge-max{
    z-index: 9;
    position: relative;
    background: transparent !important;
    border-bottom: 25px solid #2b2b2f !important;
}
.product__wrapper .section__six.tech__speces{z-index: 999 !important;position: relative !important;}

@media (max-width:1199px) {
    @supports (-webkit-touch-callout: none) {
        .partners__wrapper .section__two,.partners__wrapper .section__three,.partners__wrapper .section__five,.home__wrapper .section__four{position: relative;height: 500px;overflow: hidden;background: none !important;background-attachment: unset;}  
        .partners__wrapper .section__two .parallax-bg,.partners__wrapper .section__three .parallax-bg,.partners__wrapper .section__five .parallax-bg, .home__wrapper .section__four .parallax-bg {position: absolute;top: 0px;left: 0;height: 150%;width: 100%;background: url('../images/bg-2.png') no-repeat center center;background-size: 100% auto !important;z-index: 0;transform: translateY(-160px);will-change: transform;}
        .partners__wrapper .section__two .overlay,.partners__wrapper .section__three .overlay,.partners__wrapper .section__five .overlay, .home__wrapper .section__four .overlay{z-index: 9999;}
        .partners__wrapper .section__three .parallax-bg{background: url('../images/bg-3.png') no-repeat center center;}
        .partners__wrapper .section__five .parallax-bg{background: url('../images/untitled-5120-1.jpg') no-repeat center center;background-size: auto 100vh !important;}
        .home__wrapper .section__four{height: fit-content !important;}
        .home__wrapper .section__four .parallax-bg{background: url('../images/1-cue-bridge-p-perspective-1200.jpg') no-repeat center center;background-size: auto 100vh !important;}
        .home__wrapper .section__four .overlay{background-image: none;border-radius: 20px !important;overflow: hidden !important;}
        .home__wrapper .section__four .parallax-bg::before{content: ''; position: absolute; inset: 0;background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);}
        .career__wrapper .section__two{position: relative;min-height: 500px;overflow: hidden;background: none !important;background-attachment: unset;}
        .career__wrapper .section__two .overlay{z-index: 9999 !important;position: relative;}
        .career__wrapper .section__two .parallax-bg{position: absolute;inset: 0; height: 100%;width: 100%;background: url('../images/untitled-5120-1.jpg') no-repeat center center;background-size: auto 100vh !important;transform: translateY(-60px);will-change: transform;}
        .support__details{position: relative; z-index: 9999;}
        .footer{z-index: -1;}
        .parallax-bg{display: block !important;}
    }
    .partners__wrapper .section__two,.partners__wrapper .section__three,.partners__wrapper .section__five,.home__wrapper .section__four,.product__wrapper .overlay{position: relative;height: 100%;/*height: 500px;*/overflow: hidden;/*background: none !important;background-attachment: unset;*/}  
    .partners__wrapper .section__two .overlay,.partners__wrapper .section__three .overlay,.partners__wrapper .section__five .overlay,.home__wrapper .section__four .overlay ,.product__wrapper .overlay .row{z-index: 9999;}
    .partners__wrapper .section__three .parallax-bg{background: url('../images/bg-3.png') no-repeat center center;}
    .partners__wrapper .section__five .parallax-bg{background: url('../images/untitled-5120-1.jpg') no-repeat center center;}
    .parallax-bg{display: none;}
}  

@media (max-width:991px) {
.career__wrapper .section__two .parallax-bg{transform: translateY(-40px);min-height: 540px;}
}

@media screen and (max-width: 1199px) {
    .product__wrapper div.parallax-image1{
        z-index: 0 !important;
    }
    .product__wrapper .section__one{
        z-index: 99991 !important;
    }
    .product__wrapper .section__two{
        z-index: 9999 !important;
        padding: 60px 0px 60px !important;
    }
    .product__wrapper .overlay{
        min-height: unset !important; 
        height: unset !important;
        z-index: 9999 !important;
    }
    .product__wrapper .section__six.tech__speces{z-index: 9999 !important;position: relative !important;}
    @supports (-webkit-touch-callout: none) {
        .partners__wrapper .parallax-bg{height: 100vh !important;background-position: top !important;}
        .partners__wrapper .section__two .parallax-bg,.partners__wrapper .section__three .parallax-bg,.partners__wrapper .section__five .parallax-bg, .home__wrapper .section__four .parallax-bg {transform: translateY(-60px);}
    }
}
.partners__wrapper .section__two{min-height: 500px;background: url('../images/cue-desk-mockup-2-3200.jpg') no-repeat;background-size: cover;background-position: top;background-attachment: fixed;}
.partners__wrapper .section__two .overlay{top: 0;left: 0;background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 100%);padding: 6.25rem 0;}
.partners__wrapper .section__three{min-height: 500px;background: url('../images/untitled-4000-1.jpg') no-repeat;background-size: cover;background-position: top;background-attachment: fixed;}
.partners__wrapper .section__three .overlay{top: 0;left: 0;background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 100%);padding: 6.25rem 0;}
.partners__wrapper .partner-detail{border-radius: 10px;height: 500px;overflow: auto;}
.partners__wrapper .section__five{min-height: 600px;background: url('../images/untitled-5120-1.jpg') no-repeat;background-size: cover;background-position: top;background-attachment: fixed;}
.partners__wrapper .section__five .overlay{background-color: rgba(0, 0, 0, 0.5);}
.modal-content{background-image: url('../images/untitled-5120-1.jpg') !important;background-size: cover;background-position: center;position: relative;overflow: hidden;}
.modal-content::before{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: #000000a1;}

.resource__wrapper .section__one, .support__wrapper .section__one, .story__wrapper .section__one, .career__wrapper .section__one, .faq__wrapper .section__one, .legal__wrapper .section__one{min-height: 400px !important;}

.connect__wrapper .section__one div, .support__wrapper .section__two form, .career__wrapper .section__three form{max-width: 700px;}

.support__wrapper .section__two label, .career__wrapper .section__three label{font-size: 18px;}
.support__wrapper .attachment input, .career__wrapper .attachment input{opacity: 0;cursor: pointer;}
.support__wrapper .attachment .btn, .career__wrapper .attachment .btn{pointer-events: none;cursor: pointer;background-color: #8c8ca0;}

.min-h-500{min-height: 560px;}
.contact{background-image: url('../images/contact-us-image.jfif');background-size: cover;background-repeat: no-repeat;transition: all 1s ease-in-out;visibility: hidden;opacity: 0;}
.contact .overlay{background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);min-height: 548px;}
.contact .overlay .blur-bg{backdrop-filter: blur(27px);background-color: #FFFFFF29;min-height: 350px;max-width: 90%;-webkit-backdrop-filter: blur(27px);}
.contact .blur-bg .form-control::placeholder{color: #ffffff;font-size: 24px;}
.contact .blur-bg .form-control{border: 1px solid #E1E1F059;}
.contact_details{background-image: url('../images/1-cue-bridge-p-perspective-2560.jpg');background-size: cover;background-position: center;transition: all 1s ease-in-out;}
.contact_details .overlay{background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);min-height: 548px;}
.contact_details .overlay .box{background-color: #FFFFFF0D;backdrop-filter: blur(26);-webkit-backdrop-filter: blur(27px);min-width: 279px;width: fit-content;min-height: 92px;}
.contact_details .overlay .box i{font-size: 18px !important;}

.story__wrapper .section__two div{max-width: 800px;}

.career__wrapper .section__two{background: url('../images/untitled-5120-1.jpg') no-repeat;background-size: cover;background-position: top;background-attachment: fixed;}
.career__wrapper .section__two .overlay{background-color: #00000080;}

.faq__wrapper .accordion-header, .faq__wrapper .accordion-collapse{max-width: 750px;margin-inline: auto;}
.faq__wrapper .accordion-button:not(.collapsed){background-color: var(--theme-black);color: var(--theme-light-gray);}
.faq__wrapper .accordion-button:focus{outline: none !important;border: none !important;box-shadow: none !important;}
.faq__wrapper .accordion-button::after{position: absolute;top: -22%;right: -25%;border-radius: 50%;height: 40px;width: 40px;background-color: var(--theme-hover-tab-bg);background-image: url('../images/accordian-down-btn.svg') !important;background-position: center;}

.legal__wrapper .sidebar{position: sticky;top: 100px;}
.legal__wrapper .col-lg-3 ul{list-style-type: none;}
.legal__wrapper .nav-link{color: var(--theme-hover-tab-bg);transition: all 0.25s ease;}
.legal__wrapper .nav-link:hover{background-color: var(--theme-yellow);color: var(--theme-black);}
.legal__wrapper #toc-list .nav-link:hover{color: var(--theme-black) !important;}
.legal__wrapper .side_tabs{scroll-margin-top: 100px;}
.legal__wrapper .nav-link.active{color: var(--theme-yellow);}

.details__view h1{font-family: 'Poppins-Bold';font-size: 2.25rem;line-height: 1.5;padding-block: 2rem 1rem !important;margin-block-start: 3rem;border-top: 1px solid #dee2e6 !important;}
.details__view h1:first-child{border: 0 !important;padding-block-start: 0 !important; margin-block-start: 0 !important;}
.details__view img{width: 100%;max-width: 100%;}

.modal-content{border: 2px solid var(--theme-yellow);}
.modal-body{max-width: 850px;width: 100%;margin: 80px auto 100px;}
.modal-body .form-control::placeholder{font-size: 24px;}
.btn-close{filter: invert(1);}

.getting_started__wrapper .side_tabs p, .getting_started__wrapper .side_tabs span,.getting_started__wrapper span{font-family: 'Poppins-Regular' !important;}
.getting_started__wrapper .side_tabs font,.getting_started__wrapper font{font-family: 'Poppins-Semibold' !important;}
.getting_started__wrapper .side_tabs .s_hr,.getting_started__wrapper .s_hr{display: none !important;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -6px !important;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width: 40px !important;border-radius: 5px !important;height: 5px !important;background-color: #464650 !important;}

.user__agreement__wrapper .box{background-color: #FFFFFF0D;backdrop-filter: blur(26px);-webkit-backdrop-filter: blur(26px);border-radius: 9px;}
.user__agreement__wrapper .signature-img{max-width: 166px;}
/* footer css */
footer{background-color: #2B2B2F;}
footer .socialmedia_icon{height: 20px;width: 20px;color: #E1E1F0;border-radius: 5px;text-align: center;}
footer a, footer p{color: var(--theme-hover-btn-bg) !important;transition: all 0.25s ease;}
footer a:hover{color: var(--theme-light-gray) !important;}

/* .alert-messages{padding-block: .5rem;font-weight: 600;letter-spacing: 1px;z-index: 999999;} */

select{min-height: 42px;}
option{background-color: #1e1e24 !important;color: #E1E1F0 !important;}
option[selected], option:hover{background-color: #ffc848 !important;color: #2B2B2F !important;}
.form-step .form-group{position: relative;}
.form-step .form-group .help-block{position: absolute;bottom: -27px;color: red;font-size: 1rem !important;}
.form-group.has-error .help-block{color: red;font-size: .75rem;}
.modal{z-index: 99999;}
.modal .arrow{top: 21px;}
.modal-header .btn-close{
    opacity: 1 !important;
}
.arrow{top: 14px;right: 13px;font-size: 14px !important;}
input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-calendar-picker-indicator, input[type="date" i]::-webkit-calendar-picker-indicator{opacity: 0 !important;}
.date_icon{top: 14px;right: 13px;font-size: 14px !important;pointer-events: none;}
#career-dob{text-align: left !important;}
#career-dob{text-align: left;-webkit-appearance: none;appearance: none;}

.support__wrapper .file-name, .career__wrapper .file-name{max-width: 20vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#nav-tab-selection{color: #E1E1F0 !important;}
.product_modal {min-height: 280px;padding: 10px 15px !important;background-color: #FFFFFF33;backdrop-filter: blur(19px);-webkit-backdrop-filter: blur(19px);border-radius: 20px;}
.product_modal .form-step{width: 90%;left: 5%;}
.grid{display: grid;grid-template-columns: 2fr 1fr;}
.grid .tab-content{grid-column-start: 2;grid-row-end: span 2;gap: 15px;}
.success-msg{background-color: rgb(218, 255, 218);color: green !important;font-size: 14px !important;padding: 4px 6px !important;border-radius: 5px;}
.support__wrapper .success-msg, .career__wrapper .success-msg{font-size: 18px !important;}
table.cus-table{min-width: 500px;}
.fs-48 span{ display: inline !important;}
.section__one:has(p.heading) span{text-align: center !important;display: block;}

.connect__wrapper .form-step {position: absolute;width: 90%;top: 50%;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: opacity 0.8s ease-in-out;}
.connect__wrapper .form-step.active {opacity: 1;visibility: visible;transition: opacity 0.8s ease-in-out;}
.connect__wrapper .contact {visibility: hidden;opacity: 0;transition: all 0.5s ease;}
.connect__wrapper .contact-detail {transition: all 0.5s ease;}
.connect__wrapper .ajax-toaster {position: relative;bottom: 15px;z-index: 9;}
.section__one .fs-24{max-width: 950px;}
.feature-link{width: 45%;}
.comming-soon{letter-spacing: 3px;}
.comming-soon span{letter-spacing: 10px;}
/* media queries */

@media screen and (min-width: 992px) {
    .info-block.cuehome .info-box p.info-title{line-height: 26px;height: 46px;}
    .info-block.cuehome .info-box p.info-desc, .info-block.cuedesk .info-box p.info-desc{height: 70px;}
    .smart-category.features .nav-tabs{margin-top: -45px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    nav.navbar .navbar-nav .nav-item{padding-inline: 0.5rem;}
    .info-block.home .info-box p.info-title{line-height: 26px;height: 46px;}
    .info-block.home .info-box p.info-desc{height: 70px;}
}
@media screen and (max-width: 991px) {
    .fs-48 { font-size: 2.25rem;line-height: 1.5; }
    .fs-36 { font-size: 1.75rem;line-height: 1.5; }
    .fs-32{font-size: 20px;line-height: 1.5;}
    .fs-24, .contact .blur-bg .form-control::placeholder { font-size: 1.25rem;line-height: 1.5; }
    .fs-20{font-size: 1rem;}
    .fs-22{font-size: 18px !important;}
    .fs-30{font-size: 20px !important;}
    .info-desc{font-size: 16px;}
    /* .fs-14 { font-size: 11px;line-height: 1.5; } */
    .pt-5{padding-top: 3.25rem;}
    .pb-5{padding-bottom: 3.25rem;}
    .home__wrapper .section__four .overlay{padding: 3.50rem 0;}
    .home__wrapper .section__four .overlay .fs-36{font-size: 1.75rem;margin-bottom: 50px !important;}
    .home__wrapper .section__four .overlay .fs-24{margin-bottom: 2.25rem;}
    .work__wrapper .section__two .text{max-width: 100%;}
    .work__wrapper .tab-pane div{gap: 25px;min-height: 90px;}
    .resource__wrapper .section__one, .support__wrapper .section__one, .story__wrapper .section__one, .career__wrapper .section__one, .faq__wrapper .section__one, .legal__wrapper .section__one{min-height: fit-content !important;}
    .faq__wrapper .accordion-button::after{top: -34%;right: -5%;}
    .legal__wrapper .sidebar{border-bottom-right-radius: 0px !important;border-bottom-left-radius: 0px !important;}
    .legal__wrapper .side_tabs:first-child, .getting_started__wrapper .col-lg-9 .bg-black{border-top-right-radius: 0px !important;border-top-left-radius: 0px !important;}
    footer a{border-bottom: 1px solid var(--theme-hover-tab-bg);}
    nav.navbar{min-height: 60px !important;}
    nav.navbar .nav-link{width: fit-content;}
    .grid{display: grid;grid-template-columns: auto;}
    .grid .tab-content{grid-column-start: 1;}
    .modal .arrow {
        top: 17px;
    }
    .menu__dropdown{overflow: hidden;}
    .menu__dropdown .dropdown-menu{width: 90%;position: relative !important;height: 0px;}
    .menu__dropdown .dropdown-menu li:first-child::before{right: 70%;display: none !important;}
    .menu__dropdown .dropdown-menu.show{position: relative;border: none;background: transparent;backdrop-filter: none;-webkit-backdrop-filter: none;}
}

@media screen and (min-width: 881px) and (max-width: 992px) {
    .info-block.cuedesk .info-box p.info-desc{height: 46px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .info-block.cuehome .info-box p.info-title{line-height: 26px;height: 46px;}
}

@media screen and (min-width: 768px) and (max-width: 880px) {
    .info-block.cuedesk .info-box p.info-desc{height: 70px;}
}

@media screen and (max-width: 768px) {
    .features ul.nav.nav-tabs{justify-content: center;}
    .features ul.nav.nav-tabs li{display: inline-block;}
    .features ul.nav.nav-tabs.fhome li{width: 49%;}
    .features ul.nav.nav-tabs.fahome li{width: 32%;margin-bottom: 6px;}
}

@media screen and (max-width: 575px) {
    .fs-20{font-size: 1rem;}
    .fs-22{font-size: 17px !important;}
    .fs-30{font-size: 18px !important;}
    .info-desc{font-size: 14px;}
    .fs-48 , .fs-48 span{ font-size: 1.312rem !important;line-height: 1.5;}
    .fs-36 { font-size: 22px;line-height: 1.5; }
    .fs-32 { font-size: 18px;line-height: 1.5;}
    .section__one:has(p.heading) span{font-size: 14px;}
    .fs-24, .contact .blur-bg .form-control::placeholder { font-size: 0.85rem;line-height: 1.5; }
    /* .fs-14 { font-size: 10px;line-height: 1.5; } */
    .pt-5{padding-top: 2.33rem;}
    .pb-5{padding-bottom: 2.33rem;}
    /* body{font-size: 10px;} */
    /* .btn-yellow{font-size: 11px !important;margin-top: 15px !important;} */
    .section__one{min-height: fit-content;}
    .home__wrapper .nav-tabs .nav-link{font-size: 13px;padding: 8px 10px;}
    .home__wrapper .nav-tabs .nav-link img{width: 22px !important;height: 22px !important;}
    .home__wrapper .section__four .overlay .fs-36{font-size: 1.25rem;}
    .home__wrapper .section__four .swiper .swiper-slide{width: 107px;min-height: 90px;height: 90px;}
    .home__wrapper .section__four .swiper .swiper-slide img{max-width: 90px !important;object-fit: cover;object-position: center;}
    .fs-2{font-size: 20px !important;}
    .fs-3{font-size: 15px !important;}
    /* .home__wrapper .section__testimonials .swiper_img{height: 170px;width: 150px;margin: 0px auto;} */
    .fa-quote-left {font-size: 16px !important;top: 12px;left: 13px;}
    .fa-quote-right {font-size: 16px !important;bottom: -10px;right: 15px;}
    .home__wrapper .section__testimonials .fs-20{font-size: 16px;}
    .work__wrapper .tab-link{max-width: 30.5%;min-height: fit-content;}
    .work__wrapper .tab-pane div{gap: 10px;}
    .faq__wrapper .accordion-button::after{top: -15%;height: 25px;width: 25px;background-size: 15px;}
    .get-started{font-size: 13px !important;margin-top: 15px !important;}
    /* .product__wrapper .overlay{min-height: 950px !important;height: 950px !important;} */
    th, td{text-align: center !important;}
    .contact_details .overlay .box{min-width: 230px;}
    .form-step .form-group .help-block{font-size: 0.8rem !important;}
    .modal-body .form-control::placeholder{font-size: 16px;}
    .menu__dropdown .dropdown-menu{width: 80%;margin-left: 20px;}
    .product_modal {min-height: 245px;}
    .contact .overlay .blur-bg{max-width: 97%;}
    .modal .arrow{top: 14px;}
    .success-msg{font-size: 12px;left: 4%;max-width: 92%;}
    .list-text{width: calc(100% - 45px);}
    .career__wrapper .section__two .parallax-bg{min-height: unset !important;}
    .partners__wrapper .section__two, .partners__wrapper .section__three, .partners__wrapper .section__five, .career__wrapper .section__two{background-size: auto 100vh;}
}

@media screen and (max-width: 480px) {
    .features ul.nav.nav-tabs.fahome li{width: 49%;}
    .tech__speces .table p{font-size: 14px !important;}
    .connect__wrapper .ajax-toaster{bottom: 40px;}
    .sm__fs-36{font-size: 18px !important;}
    .sm__fs-20{font-size: 16px !important;}
}

@media screen and (max-width: 450px) {
    .features ul.nav.nav-tabs.fhome{padding: 0 10%;}
    .features ul.nav.nav-tabs.fhome li{width: 100%;}
}

/* @media screen and (max-width: 430px) {
    .product__wrapper .overlay{min-height: 1150px !important;height: 1150px !important;}    
} */

@media screen and (max-width: 400px) {
    .connect__wrapper .form-step {position: absolute;width: 86%;}
}