HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/aipresentationsmakers/css/
Current File : /home/htlwork.com/www/dev/aipresentationsmakers/css/dashboard.css
*{
    margin: 0;
    padding: 0;
}


@font-face {
    font-family: 'Aeonik';
	src: url('../fonts/Aeonik.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body{font-family: 'Aeonik', sans-serif;}
.navbar .nav-buttons li{list-style-type: none;}
.navbar .nav-buttons{display: flex;line-height: 50px;padding-top: 10px;}
.navbar .nav-buttons .login{padding-right: 50px;font-weight: 600;font-size: 18px;line-height: 10px;}
.navbar .navbar-brand img{width: 180px;}
.navbar .nav-buttons li .try{padding: 12px 25px;border-radius: 15px;font-size: 18px;color: #fff;background: #3f53d8;font-weight: 600;}
.sticky{width: 100%; z-index: 9999;background-color: #fff;box-shadow: 4px -2px 8px;;position: fixed;}







.header-dashboard .navbar{background: #331d74;}


















































































@media (min-width:320px) and (max-width:480px) {
    .body{overflow-x: hidden;}
    .banner{padding: 0;}
    .banner .right-banner{padding:40px 0 80px 0px;}
    .banner .left-banner h1{font-size: 35px;padding-top: 20px;}
    .navbar .nav-buttons li .try{padding: 12px 20px;}
    .navbar .nav-buttons{padding-top: 30px;}
    .key-features .features-head p{padding: 0;}
    .key-features .features-list{padding: 0;}
    .partner .partner-list{display: block;text-align: center;}
    .partner ul{padding: 0;}
    .deck .right-deck{padding: 0;}
    .deck .left-deck{padding-bottom: 30px;display: flex;justify-content: center;}
    .deck .right-deck p{padding: 0;text-align: center;}
    .deck .right-deck h3{text-align: center;}
    .brand .left-deck{padding-bottom: 30px;display: flex;justify-content: center;}
    .brand .right-deck{padding: 0;text-align: center;}
    .brand .right-deck h3{text-align: center;}
    .brand .right-deck p{padding: 0;}
    .brand .rvrs{display: flex;flex-direction: column-reverse;}
    .carousel-control-prev span, .carousel-control-next span{top: 165px;}
    .our-blog .blog-box .card .card-body .card-text{padding-bottom: 20px;}
    .create .image-3{display: none;}
    .create .image-2{width: 20%;}
    .create .image-1{width: 20%;}
    .our-blog h3{padding: 80px 0px 20px 0px}
    .footer .ft-logo img{padding-bottom: 20px;}
    .create .create-content h3{font-size: 42px;}
    .create .create-content{padding: 40px;}
    .carousel-control-next, .carousel-control-prev{width: 0% !important;}
    .testimonial-text{font-size: 17px;}
    .nav-tabs .search-container{right: 0px !important;bottom: 1px !important;display: none;}
    .card-option{padding: 6px !important;}
    .card-box .modal-dialog .modal-body .modal-submit button{width: 340px !important;}
    .card-box .modal-dialog .modal-body .modal-field textarea{width: 100% !important;}
    .card-box .modal-dialog .modal-body .modal-suffle .card-con{padding: 0 !important;}
    .example-card{width: 160px !important;}
    .card-box .modal-dialog .modal-body .modal-input .dropdown-menu.show{transform: translate3d(-12px, 264.667px, 0px) !important}
    .search-input{width: 42% !important;}
    .deck .second{flex-flow: column-reverse;padding-top: 30px;}
    .main-content .filter{bottom: 1px !important;right: 0 !important;}
    /* main .card-box .card-option .lower-content{bottom: -126px !important;} */
    .setting-main{padding:10px !important;}
    .setting-main .workspace-name .workspace-profile input{width: 100% !important;}
    .setting-main .workspace-description .workspace-profile textarea{width: 100% !important;}
    .setting-main .workspace{display: block !important;}
    .setting-main .workspace-name{display: block !important;}
    .setting-main .workspace-description{display: block !important;}
    .setting-main .workspace-terms{display: block !important;}
    .card-box .modal-dialog .modal-body .heading h4{margin-top: 20px;}
    .option-container .option img{width: 100% !important;}
    .modal-fullscreen .upload-section .types{display: block !important;}
    .accordion-item{width: 100% !important;}
    .box-inner{width: 100% !important;}
    .upload-box{width: 100% !important;}
    .upload-section .top{width: 100% !important;}
    .upload-section-file .upload-content-file{width: 100% !important;}
    .upload-section-file .upload-head h3{display: none;}
}   





.second-plan .btn, .first-plan .btn{background: #331d74;border: none;}
/* .navbar-custom{position: fixed !important;width: 100%;} */
.sidebar {background-color: #f2f0f6;min-height: 100vh;position: fixed;width: 253px;padding-top: 70px;}
.sidebar .nav-link {color: #333;font-weight: 500;font-size: 14px;}
.main-content {margin-left: 253px;background:#ffff;min-height: 100vh;padding: 30px;border-left: 1px solid #00000000;padding-top: 80px;}
.main-content{position: relative;background:linear-gradient(-180deg, #f7ede730 0%, rgb(246 229 219 / 46%) 100%);}
.main-content .shape-2{position: absolute;bottom: 0;animation: radius 10s infinite linear;}
.main-content .shape-3 {position: absolute;right: 0;bottom: 150px;animation: radius 10s infinite linear;}
.main-content .shape-1{position: absolute;bottom: 0;width: 100%;left: 0;}
.shape{z-index: -1  ;}
@keyframes radius {
    00% {
        border-radius: 100%
    }

    50% {
        border-radius: 0
    }

    100% {
        border-radius: 100%
    }
}
.card-option {border: none;border-radius: 8px;padding: 12px;text-align: center;font-weight: bold;color: #fff;transition: transform 0.3s;}
.card-option:hover {transform: translateY(-5px);}
.card-option:nth-child(1) {background: #8D8AFF;}
.card-option:nth-child(2) {background: #331d74;}
.card-option:nth-child(4) {background: #ff9a9e;}
.empty-state {display: flex;align-items: center;justify-content: center;height: 50vh;background: #fff;border-radius:0px 0px 7px 7px;border: 1px solid #0000001c;border-top: none;}
.empty-state img {max-width: 100%;height: auto;}
.navbar-custom {background-color: #ffffff;border-bottom: 1px solid #e0e0e0;}
.navbar-brand {font-weight: bold;color: #333;}
.navbar-nav .nav-link {color: #555;font-weight: 500;}
.navbar-nav .nav-link:hover {color: #000;}
.navbar .nav-item .hire {padding: 6px 10px;border-radius: 7px;border: 1px solid #fff;color: #fff;background: #331d74;}
.navbar .nav-item .hire a{text-decoration: none;color: #fff;}
.offcanvas .offcanvas-body .off-btn .hire {padding: 6px 10px;border-radius: 7px;border: 1px solid #fff;color: #fff;background: #331d74;}
.navbar .nav-item .language{border: none;color: #fff;border-radius: 7px;padding: 9px 0px 0px 15px;}
.offcanvas .offcanvas-body .language{border: none;color: #000;border-radius: 7px;padding: 7px 40px;border: 1px solid #000;}
.navbar .nav-item .hire   i{padding-right: 5px;}
.navbar .nav-item .upgrade {padding: 6px 10px;border-radius: 7px;border:1px solid #fff;color: #fff;background-color: #331d74;}
.offcanvas .offcanvas-body .off-btn .upgrade {padding: 6px 10px;border-radius: 7px;border:1px solid #fff;color: #fff;background-color: #331d74;}
.navbar .nav-item .help {border-radius: 50px;width: 20px;height: 20px;font-size: 12px;background: none;margin-top: 11px;color: #fff;border:2px solid #fff;}
.navbar .nav-item .bell {width: 25px;height: 25px;font-size: 18px;border: none;background: none;color: #fff;}
.navbar .profile {background: none; border: none;display: flex;}
.navbar .profile i{font-size: 9px;color: #fff;line-height: 14px;}
.navbar .profile .avtar p{margin: 0;color: #fff;font-weight: bold;font-size: 18px;}
.navbar .profile .avtar{padding: 4px 11px;background: #f9c27c;}
.navbar .profile .profile-heading p{margin: 0;font-size: 15px;font-weight: 500;color: #fff;}
.navbar .profile .profile-heading p small{display: block;font-size: 10px;text-align: justify;font-weight: 400;}
.navbar #workspaceModal .modal-dialog {position: absolute ;bottom: 0;top: 31px;width: 280px;}
.navbar #workspaceModal .modal-dialog .dialog{padding: 8px;border-radius: 7px; border: 1px solid #0043ce;color: #0043ce;}
.navbar #exampleModal-1 .modal-dialog {position:absolute !important;right: 15px;width: 260px;top: 26px;}
.navbar #exampleModal-1 .modal-dialog .modal-header{flex-wrap: wrap;padding: 0px;}
.navbar #exampleModal-1 .modal-dialog .modal-header p{padding-left: 80px;font-size: 13px;transform: translate(3px, -11px);}
.navbar #exampleModal-1 .modal-dialog .modal-header h5{padding-right: 86px;font-size: 16px;padding-top: 20px;}
.navbar .btn-toggle{font-size: 33px;right: 8px;display: flex;position: fixed;padding-top: 33px;color: #fff;z-index: 1; border: none;background: none;}


.modal-backdrop.show{position: relative;}
.navbar .profile .trial{font-size: 10px;margin-top: 5px;}
.navbar .profile .trial p{line-height: 14px;font-weight: 500;color: #fff;margin: 0;align-content: center;border: 1px solid #fff;padding: 6px 12px;border-radius: 25px;display: flex;gap: 5px;}
.clr{color: #4a47ea;}
.navbar .nav-item .account-profile{height: 40px;width: 40px;border: none;border-radius: 50px;border: 2px solid #f9c27c;}
.navbar .nav-item .modal-header .account-profile{height: 60px;width: 60px;border: none;border-radius: 50px;transform: translate(-8px, 20px);}
.folder .add-folder{background: none;border: none;font-size: 22px;transform: translate(68px, -10px);color: #0000006b;}
.folder p i{margin-left: 4px;background: transparent;background-image:linear-gradient(275.68deg, rgb(58, 141, 230) 0%, rgb(191, 58, 231) 100%);height: 20px;width: 20px;border-radius: 50px;line-height: 22px;text-align: center;font-size: 9px;color: #fff;z-index: 1;}
.folder-data{background: #fff;padding: 15px;border-radius: 8px;}
.folder-data i{padding-right: 6px;color: #0000006b;}
.folder{padding: 20px 0px;}
.folder p p{padding-left: 15px;}
.folder-data p{margin: 0;text-align: center;}
 .team button{border: none;background: #fff;padding: 10px 26px;border-radius: 7px;color: #007bff;}
 .team{padding-top: 80px;}
 .creadit p{text-align: center;font-size: 12px;}
 .creadit button{margin: auto;width: 100%;border: none;background: #fff;border-radius: 8px;padding: 9px;color: #9493ff;}
 .creadit button:hover{background: #331d74;}
 .creadit{margin-top: 20rem !important;padding: 10px;background: transparent;background-image:linear-gradient(-94.39deg, #C9CAFC 0%, #EFCCD1 53.65%, #F9C177 100%);border-radius: 7px;}
.offcanvas .creadit {margin-top: 10rem !important;}
.sidebar .nav-item .nav-link i{padding-right: 12px;}
.sidebar .nav-item .nav-link:focus{background: #fff;border-radius: 7px;}
.sidebar .nav-item .nav-link.active{background: #fff;border-radius: 7px;}
.sidebar .nav-item .nav-link:hover{background: #ffffffaa;border-radius: 7px;}
.sidebar .nav-item{padding-bottom: 10px;}
.main-content .card-box .card-option button {background: #331d74;border: none;color:#fff;font-size: 14px;padding: 5px 16px;border-radius: 7px;}
.main-content .card-box .card-option button i{font-size: 10px;}
.main-content .card-box .card-option{position: relative;}
main .card-box .card-option:hover .lower-content{bottom: -6px;transition: .4s ease-in;}
main .card-box .card-option .lower-content a{text-decoration: none;color: #fff;}
main .card-box .card-option:hover .upper-content{top: -30px;transition: .4s ease-out;}
main .card-box .card-option{overflow: hidden;}
main .card-box .card-option .upper-content{position: absolute;transition: .4s ease-in;top: 10px;}
main .card-box .card-option .lower-content p{font-size: 13px;text-align: left;}
main .card-box .card-option .lower-content h5{font-size: 17px;}
main header h2{font-size: 20px;}
main .card-box .card-option{height: 150px;width: 270px;padding-right: 30px;text-align: justify;}
main .card-box{display: flex;gap: 15px;padding-bottom: 60px;}
main .card-box .card-option i{font-size: 23px;}
.header-dashboard{position: fixed;width: 100%;z-index: 1;}


.main-content .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #564949 !important;background: no-repeat;border: none;border-bottom: 3px solid #000;}
.main-content .nav-tabs .nav-item .nav-link{color: #564949  ;}
.main-content .tab-content .empty-state img{width: 200px;}
.nav-tabs{position: relative;border-bottom: 1px solid #464545a6;margin-bottom: 10px;--bs-nav-tabs-border:none}
.nav-tabs .search-container {position: absolute;right: 80px;bottom: 6px;}
/* .main-content .nav-tabs .nav-item .nav-link:hover {border: none;} */


:focus-visible {
    outline: -webkit-focus-ring-color 0px !important;
}



@media (min-width:320px) and (max-width:580px) {
    .sidebar{width: 0px;display: none;}
    .main-content{margin-left: 0px;}
    .navbar .collapse{padding: 0;}
    .navbar .nav-item .help ,.navbar .nav-item .hire ,.navbar .nav-item .bell ,.navbar .nav-item .account-profile{display: none;}
    .navbar .nav-item .upgrade{width: 100%;margin-left: 0 !important;margin: 20px 0px;}
    .modal .modal-dialog>.plans{width: 100% !important;right: 0px !important;}
    .first-plan{margin-bottom: 40px ;}
    .modal-body .plan-faq{flex-wrap: wrap;}
    .modal-body .plan-faq h4{padding-left: 0px !important;}
    .modal-body .plan-logo img{width: 100%;}
    .modal-body .body-header p{width: 100% !important;font-size: 12px;}
    .modal-content.Perfection{width: 100% !important;}
    .modal-body .second-plan:before{width: 290px !important;transform: translate(-20px, -35px) !important;}
    .folder .add-folder{transform: translate(120px, -10px);}
    .team button{width: 100%;}
    .team{text-align: center;}
    .main-content .shape-1{display: none;}
    .main-content .shape-2{display: none;}
    .main-content .shape-3{display: none;}
    .main-content .card-box .modal .Create-presentation{max-width: 100% !important;}
    .main-content .card-box .modal .Create-presentation .modal-content .modal-body .modal-category .btn{width: 100%;margin-bottom: 10px;}
    .main-content .card-box .modal .Create-presentation .modal-content .modal-body .modal-category .btn-group{display: block;}
    .main-content .card-box .modal .Create-presentation .modal-content .modal-body .modal-category .dropdown .dropdown-menu li{padding-bottom: 5px;}
    .main-content .card-box .modal .Create-presentation .modal-content .modal-body .modal-category .dropdown .dropdown-menu{transform: translate3d(98px, 39.5px, 0px) !important;padding: 10px;}
    .main-content .card-box .modal .Create-presentation .modal-content .modal-body{height: auto !important;}
    main .card-box{display: flex;flex-wrap: wrap;justify-content: center;}
    .card-option:nth-child(1){margin-bottom: 20px;}
}

.offcanvas{background: #f2f0f6 !important;}
.search-container {position: relative;}
.main-content .filter{margin: auto;position: absolute;right: 20px;bottom: 7px;} 
.main-content .filter button i{background: #fff;padding: 11px;border-radius: 7px;color: #343a4087;}
.main-content .filter button{border: 2px solid #ccc;border-radius: 7px;}
.search-input {width: calc(16vw - 110px);padding: 8px 12px;border: 2px solid #ccc;border-radius: 7px;transition: width 0.3s ease, padding 0.3s ease;box-sizing: border-box;}
.search-container:hover .search-input,
.search-input:focus {width: calc(25vw - 110px);padding-left: 20px;outline: none;}
.offcanvas .offcanvas-body .nav .nav-link{color: #000;margin-bottom: 12px;font-size:14px ;}
.offcanvas .offcanvas-body .nav .nav-link:focus{background: #fff;border-radius: 7px;}
.offcanvas .offcanvas-body .nav .nav-link:hover{background: #fff;border-radius: 7px;}
.offcanvas .offcanvas-body .nav .nav-link.active{background: #fff;border-radius: 7px;}
.offcanvas .offcanvas-body{padding: 0;}
.offcanvas .offcanvas-header{display: flex;justify-content: end;padding:10px 0px;}


/* .card-box .modal-dialog{width: 100%;display: contents;} */
.card-box .modal-dialog .modal-body{background: #fcfcfc;}
.card-box .modal-dialog .modal-body .heading{text-align: left;}
.card-box .modal-dialog .modal-body .heading h4{font-size: 28px;color: #331d74;}
.card-box .modal-dialog .modal-body .heading p{font-size: 16px;padding-top: 10px;font-weight: 700;}
.card-box .modal-dialog .modal-body .modal-input button{color: #000 !important;background: #fff;padding: 6px 20px;border-radius: 7px;border: none;}
.card-box .modal-dialog .modal-body .modal-input {display: flex;justify-content: space-evenly;padding-top: 20px;}
.card-box .modal-dialog .modal-body .modal-input .dropdown-menu.show{inset: 0px 384px auto auto;}
.card-box .modal-dialog .modal-body .modal-submit button{margin: auto;background-color: #331d74;border: none;}
.main-content .card-box .modal .Create-presentation{max-width: 75%;margin: auto;}
.main-content .card-box .modal .Create-presentation .modal-content .modal-body{height: 100vh;}
.main-content .card-box .modal .Create-presentation .modal-content .modal-body .btn-close{position: absolute;right: 16px;}
.main-content .card-box .modal .Create-presentation .modal-content .modal-body .modal-category .btn{border: 1px solid #331d74;}
.main-content .card-box .modal .Create-presentation .modal-content .modal-body .modal-category .btn-check:checked + .btn{color: #fff;background: #331d74;}
.main-content .card-box .modal .Create-presentation .modal-content .modal-body .modal-category .btn-group .btn:first-child{border-right: none;}
.main-content header .refresh{border: 2px solid #000;border-radius: 7px;background: no-repeat;padding: 8px 17px;font-weight: 600;color: #000000ab;}
.main-content header .refresh i{padding-right: 7px;}
.main-content .presentation-card-box{background-color: #fff;display: flex;border: 2px solid #00000052;height: 100%;border-radius: 7px;justify-content: center;align-items: center;}
.main-content .presentation-card-box img{width:20%;filter: contrast(.2);}
.main-content .presentation-card-box h3{font-size: 18px; color:#676767;}
.presentation-main{padding-top: 70px;}





.card-box .modal-dialog .modal-body .modal-suffle .card-con{display:flex ;justify-content: center;padding: 0px 100px;flex-wrap: wrap;gap: 18px;}
.card-box .modal-dialog .modal-body .modal-suffle .suffle-btn{padding: 6px 40px;border-radius: 7px;border: none;background: #fff}
.card-box .modal-dialog .modal-body .modal-suffle .card-con .icon{text-align: justify;}
.section-heading {display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.section-heading::before,.section-heading::after {content: "";flex: 1;height: 1px;background-color: #ccc;margin: 0 10px;}
.example-card {background: #fff;border: 1px solid #e6e6e6;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 20px;text-align: center;transition: transform 0.2s ease-in-out;height: 150px;}
.icon { font-size: 24px; margin-bottom: 10px;}
.shuffle-btn {margin-top: 20px;}
.background {background: linear-gradient(to bottom, #f8f9fa, #e8effc);padding: 40px 20px;}

 .modal-body .body-header h2{font-size: 26px;text-align: center;padding-bottom: 10px;}
 .modal-body .body-header p{text-align: center;color: #199f75;background: #d6f4ea;width: 40%; text-align: center;margin: auto;border-radius: 3px;}
 .modal-body .first-plan .plan-head h5{margin-left: 10px;align-content: center;background: #00000014;border-radius: 32px;font-size: 12px;padding: 0px 10px;height: 20px;margin-top: 12px;}
.modal-body .first-plan .plan-head {display: flex;padding-bottom: 10px;}
.modal-body .first-plan{border: 2px solid #ccc;padding: 18px;border-radius: 20px;overflow: hidden;}
.modal-body .body-header{padding-bottom: 40px;}
.modal .modal-dialog>.plans{width: 930px;right: 200px;border-radius: 25px;}
.modal-body .first-plan p{font-size: 14px;}
.modal-body .first-plan .pricing-off p{text-decoration: line-through;}
.modal-body .first-plan .pricing-off h5 {font-size: 11px;margin-left: 5px;background: #000;color: #fff;align-content: center;padding:0px 5px;border-radius: 24px;height: 20px;}
.modal-body .first-plan .pricing-off{display: flex;}
.modal-body .first-plan .pricing h2{font-size: 22px;}
.modal-body .first-plan .pricing h5{font-size: 15px;padding-bottom: 20px;}
.modal-body .first-plan .plan-features{padding-top: 40px;position: relative;}
.modal-body .first-plan .plan-features h5{font-size: 16px;padding-bottom: 8px;}
.modal-body .first-plan .plan-features p{color: #331d74;}
.modal-body .first-plan .plan-features p:before {   content: "\f51e";font-family: 'FontAwesome';padding-right: 6px;}
.modal-body .first-plan .plan-features ul li{list-style-type: none;font-size: 14px;padding-bottom: 10px;}
.modal-body .first-plan .plan-features ul li:before {content: "\f00c";font-family: 'FontAwesome';padding-right: 6px;}
.modal-body .first-plan .plan-features ul {padding: 0%;}





.main-content .card-box .modal .modal-body select{width: 100%;height: 80%;border-radius: 7px;border: 1px solid #0000002b;display: block;}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-right: none !important;}
.modal-body .second-plan .plan-head h5{margin-left: 10px;align-content: center;background: #00000014;border-radius: 32px;font-size: 12px;padding: 0px 10px;height: 20px;margin-top: 12px;}
.modal-body .second-plan .plan-head {display: flex;padding-bottom: 10px;}
.modal-body .second-plan{border: 2px solid #331d74;padding: 18px;border-radius: 20px;overflow: hidden;background: #0000ff0f;}
.modal-body .second-plan p{font-size: 14px;}
.modal-body .second-plan .pricing-off p{text-decoration: line-through;}
.modal-body .second-plan .pricing-off h5 {font-size: 11px;margin-left: 5px;background: #000;color: #fff;align-content: center;padding:0px 5px;border-radius: 24px;height: 20px;}
.modal-body .second-plan .pricing-off{display: flex;}
.modal-body .second-plan .pricing h2{font-size: 22px;}
.modal-body .second-plan .pricing h5{font-size: 15px;padding-bottom: 20px;}
.modal-body .second-plan .plan-features{padding-top: 40px;position: relative;}
.modal-body .second-plan .plan-features h5{font-size: 16px;padding-bottom: 8px;}
.modal-body .second-plan .plan-features p{color: #331d74;}
.modal-body .second-plan .plan-features p:before {   content: "\f51e";font-family: 'FontAwesome';padding-right: 6px;}
.modal-body .second-plan .plan-features ul li{list-style-type: none;font-size: 14px;padding-bottom: 10px;}
.modal-body .second-plan .plan-features ul li:before {content: "\f00c";font-family: 'FontAwesome';padding-right: 6px;}
.modal-body .second-plan .plan-features ul {padding: 0%;}
.modal-body .second-plan:before {content: "\f005" "Most Popular";transform: translate(-20px, -35px);position: absolute;background: #331d74;width: 425px;height: 34px;text-align: center;border-radius: 20px 20px 0px 0px;align-content: center;font-family: 'FontAwesome';color: #fff;font-size: 13px;}
.modal-body .plan-footer{padding-top: 40px;}
.modal-body .plan-footer h5{text-align: center;font-size: 15px;}
.modal-body .plan-logo{text-align: center;}
.modal-body .plan-faq{display: flex;padding-top: 30px; padding-bottom: 10px;}
.modal-body .plan-faq h5{font-size: 12px;padding-right: 20px;}
.modal-body .plan-faq h5 i{padding-right: 5px;}
.modal-body .plan-faq h4{font-size: 13px;padding-left: 80px;}
.modal-body .plan-faq h4 a{color: black;font-weight: 700;}
.modal-body .plan-logo img{font-size: 65%;}






.presentation-modal .presentation-modal-1{border: 1px solid #ccc;padding: 16px 37px;border-radius: 10px;font-size: 16px;margin-bottom: 10px;}
.modal .modal-dialog .presentation-modal h2{font-size: 18px;}
.modal .modal-dialog .presentation-modal{padding: 10px;}
.modal .modal-dialog .presentation-modal p{font-size: 14px;}
.modal-content.Perfection{width: 600px;border-radius: 20px;}




/* setting */
.navbar .setting-toggle{color: #000;padding-bottom: 10px;}
.setting-bar{padding-top: 30px;}
.setting-bar .back{transform: translate(1px,-20px);}
.setting-bar .back a{text-decoration: none;color: #000;font-size: 13px;}
.setting-bar .back a i{padding-right: 5px;font-size: 12px;}



.sidebar .side-profile{display: flex;padding-left: 7px;}
.sidebar .side-profile .profile-icon{background: #fff;width: 50px;height: 50px;border-radius: 50px;text-align: center;align-content: center;}
.sidebar .side-profile .profile-icon i{font-size: 25px;}
.sidebar .side-profile .profile-info {margin-top: 7px;padding-left: 12px;}
.sidebar .side-profile .profile-info h5{padding: 0;margin: 0;font-size: 15px;}
.sidebar .side-profile .profile-info p{font-size: 15px;}



.offcanvas .offcanvas-body .side-profile{display: flex;padding-left: 7px;}
.offcanvas .offcanvas-body .side-profile .profile-icon{background: #fff;width: 50px;height: 50px;border-radius: 50px;text-align: center;align-content: center;}
.offcanvas .offcanvas-body .side-profile .profile-icon i{font-size: 25px;}
.offcanvas .offcanvas-body .side-profile .profile-info {margin-top: 7px;padding-left: 12px;}
.offcanvas .offcanvas-body .side-profile .profile-info h5{padding: 0;margin: 0;font-size: 15px;}
.offcanvas .offcanvas-body .side-profile .profile-info p{font-size: 15px;}

.sidebar .account .account-icon{background: #fff;width: 30px;height: 30px;border-radius: 50px;align-content: center;text-align: center;}
.sidebar .account {display: flex;padding-left: 12px;}
.sidebar .account .account-info h5{font-size: 15px;line-height: 30px;padding-left: 10px;}


.offcanvas .offcanvas-body .account .account-icon{background: #fff;width: 30px;height: 30px;border-radius: 50px;align-content: center;text-align: center;}
.offcanvas .offcanvas-body .account {display: flex;padding-left: 12px;}
.offcanvas .offcanvas-body .account .account-info h5{font-size: 15px;line-height: 30px;padding-left: 10px;}
.offcanvas .offcanvas-body .nav .nav-head h5{font-size: 14px;}

.sidebar .brand{display: flex;padding-left: 12px;}
.sidebar .brand .brand-profile{background: #331d74;width: 45px;height: 45px;border-radius: 7px;text-align: center;align-content: center;font-size: 23px;font-weight: 700;color: #fff;}
.sidebar .brand .brand-info h5{font-size: 16px;margin: 0px;}
.sidebar .brand .brand-info p{font-size: 12px;}
.sidebar .brand .brand-info{padding-left: 14px;line-height: 25px;margin-top: 6px;}


.sidebar .nav-head h5{font-size: 15px;padding-left: 15px;padding-bottom: 10px;color: #00000091;}




.setting-main{padding: 50px 80px;}
.setting-main .workspace{display: flex;}
.setting-main .workspace .workspace-profile{display: flex;}
.setting-main .workspace .workspace-info h5{font-size: 15px;}
.setting-main .workspace .workspace-info p{font-size: 14px;}
.setting-main .workspace .workspace-profile .workspace-icon{background: #331d74;width: 100px;height: 100px;border-radius: 7px;font-size: 48px;color: #fff;text-align: center;align-content: center;}
.setting-main .workspace .workspace-profile .upload {padding-left: 40px;margin-top: 35px;}

.custom-file-upload {display: inline-block;padding: 5px 30px;color: #000;border: 1px solid #000;border-radius: 5px;cursor: pointer;text-align: center;}
.custom-file-upload:hover {border-color: #0056b3;}
#file {display: none; }



.setting-main .workspace-name{display: flex;}
.setting-main .workspace-name .workspace-info h5{font-size: 15px;}
.setting-main .workspace-name .workspace-info p{font-size: 14px;}
.setting-main .workspace-name .workspace-profile input {width: 70%;height: 37px;border: 1px solid #331d74;border-radius: 7px;padding: 0px 7px;}




.setting-main .workspace-description{display: flex;}
.setting-main .workspace-description .workspace-info h5{font-size: 15px;}
.setting-main .workspace-description .workspace-info p{font-size: 14px;}
.setting-main .workspace-description .workspace-profile textarea{width: 70%;height: 100px;border: 1px solid #331d74;border-radius: 7px;padding: 5px 7px;color: #a1a3a1;}



.setting-main .workspace-terms {display: flex;}
.setting-main .workspace-terms .workspace-info h5{font-size: 15px;}
.setting-main .workspace-terms .workspace-profile p{font-size: 14px;}
.setting-main .workspace-terms .workspace-profile a{font-size: 14px;color: #000;}
.setting-main .workspace-terms .workspace-profile a i{padding-left: 7px; font-size: 18px;}




.setting-main .workspace-submit .workspace-profile {display: flex;justify-content: end;}
.setting-main .workspace-submit .workspace-profile .workspace-btn{background: #331d74;border-radius: 7px;color: #fff;padding:9px 7px;border: none;}
.option-container .option img{width: 37%;}
.option-container .option h3{padding-top: 10px;}






/* .upload-section {border-radius: 0;height: 100%;}
.upload-section {height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;padding: 3rem;} */
.upload-section{padding-top:120px ;}
.upload-section h5 {font-size: 40px;font-weight: bold;color: #000;}
.upload-section .top{background: aliceblue;border-radius: 50px;width: 30%;margin: auto;margin-bottom: 20px;padding: 5px;font-size: 13px;}
.text-muted {font-size: 1rem;}  



.turnaround button {font-size: 1rem;}
.border-dashed {border: 2px dashed #9493ff !important;}
  /* Full-Screen Modal */
.modal-fullscreen {max-width: 100%;height:auto;} 
.modal-title strong{color: #331d74;}  
.work  .type-one{padding-right: 20px;position: relative;text-align: center;}
.work  .type-one h1{color: #fff;width: 90px;height: 90px;align-content: center;margin: auto;border-radius: 50px;margin-bottom: 20px;}
.work  .type-one h3{font-size: 18px;}
.work  .type-one p{font-size: 14px;}
.work .works .works-head{padding-bottom: 20px;text-align: center;}
.work .works .works-head h3{font-size: 40px;font-weight: bold;}




.testimonial{padding-bottom: 0px !important;}
.testimonial h2{padding:30px 85px !important;font-weight: bold;color: #222222;}
.testimonial .owl-carousel .item {text-align: center;}
.testimonial .owl-carousel .item i{padding-right: 7px;font-size: 22px;color: #9493ff;}
.testimonial .owl-carousel .item p{padding: 30px 0px;}
.testimonial h2{text-align: center;padding: 30px 260px;font-size: 40px;}
.carousel-item{height: 500px !important;}
.testimonial-card {max-width: 700px;margin: auto;font-size: 1rem;}
.testimonial-text {font-style: italic;color: #6c757d;font-size: 18px;}
.testimonial-author {font-weight: 700;color: #343a40;margin-top: 20px;font-size: 18px;}
.testimonial-stars {color: #007bff;margin-bottom: 20px;font-size:40px;}
.testimonial .owl-nav {text-align: center;gap:100% !important;display: flex;top: -80px !important;position: relative;left: -20px !important;}
.testimonial .owl-nav .owl-prev, .owl-next{align-items: baseline !important;font-size: 50px !important;}
.carousel-control-prev span, .carousel-control-next span{color: #000 !important;font-size: 35px;position: absolute;top: 80px;}
.carousel-control-next-icon , .carousel-control-prev-icon{background-image: none !important;}
.testimonial .owl-carousel .item h3{color: #331D74;font-weight: 600;}




.faq-section {
    border-radius: 8px;
}

.faq-title {
    font-size: 40px;
    font-weight: bold;
    color: #333;
}

.faq-subtitle {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 30px;
}

.accordion-item {
    border: none;
    margin-bottom: 20px !important;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 70%;
    margin: auto;
}

.accordion-header .accordion-button {
    background-color: #331d74;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

.accordion-header .accordion-button:hover {
    background-color: #8d8aff;
}

.accordion-header .accordion-button:focus {
    box-shadow: none;
    outline: none;
}

.accordion-header .accordion-button.collapsed {background-color: #e9ecef;color: #333;}
.accordion-body {padding: 20px;font-size: 0.95rem;color: #555;background-color: #fff;border-radius: 0 0 8px 8px;}

.box-inner{width: 650px;margin: auto;}

.before-after{padding: 80px 0px 40px 0px;}
.before-after .before-after-head{text-align: center; padding-bottom: 20px;}
.before-after .before-after-head h3{font-size: 40px;font-weight: bold;}



.custom-switch {display: inline-flex;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;} 
.switch-option {border: none;outline: none;padding: 6px 5px;font-size: 16px;display: flex;align-items: center;justify-content: center;} 
.switch-option[data-selected="true"] {background-color: #e6f0ff; /* Light blue background */color: #0048ba; /* Dark blue text */}
.switch-option[data-selected="false"] {background-color: #f8f9fa; /* Light gray background */color: #6c757d; /* Gray text */}
.switch-option i {margin-right: 8px;}
.upload-section-file .upload-head{display: flex;justify-content: center;margin-bottom: 8px;gap: 70px;} 
.upload-section-file .upload-head .turnaround-sec{display: flex;} 
.upload-section-file .upload-head h3{font-size: 15px;color: #00000073;margin-bottom: 0px;align-content: center;}
.upload-section-file .upload-head .turnaround-sec p{margin-bottom: 0px;align-content: center;padding-right: 15px;font-size: 15px;}
.upload-section-file .upload-head .turnaround-sec button{font-size: 14px;font-weight: 500;}
.upload-section-file .upload-content-file{border: 2px dotted #331d74;padding: 40px 0px;width: 47%;margin: auto;border-radius: 7px;}
.upload-section-file .upload-content-file i{font-size: 30px;margin-bottom: 15px;color: #331d74;}
.upload-section-file .upload-content-file h5{font-size: 16px;margin-bottom: 15px;}
.upload-section-file .upload-content-file label{border: none;background: #331D74;color: #fff;padding: 8px 20px;border-radius: 7px;margin-bottom: 15px;cursor: pointer;}