diff --git a/README.md b/README.md index 39af52c..1f45aa1 100644 --- a/README.md +++ b/README.md @@ -26,4 +26,11 @@ This README would normally document whatever steps are necessary to get your app ### Who do I talk to? ### * Repo owner or admin -* Other community or team contact \ No newline at end of file +* Other community or team contact + + +### Replace Quill to Jodit ## + +* 06-01-2024 Saturday 11:28 AM +* Reason : Quill Table is Not Working Properly +* So we prefer JODIT Text editor \ No newline at end of file diff --git a/addform.html b/addform.html index e22a4cb..1efd5c4 100644 --- a/addform.html +++ b/addform.html @@ -1,371 +1,344 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + color: #999999; + } + .QuestionsGroupIdset{ + width: 100px !important; + border: 2px solid gray; + margin-left: 170px; + margin-top: -29px; + } + + .QuestionTextIdSet{ + width: 100px !important; + border: 1px solid; + margin-left: 77px; + margin-top: -29px; + } + + .testfor{ + width: 1000px; + height: 200px; + background-color: white; + margin-top: 100px; + } + + + + .ql-align.ql-picker.ql-icon-picker{ + margin-top: -10px; + } + + #editPreview{ + color: #7018d4; + } + #editPreview:hover { + color:#3399FF; + + } + + .caret { + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + + .caret::before { + content: "\25B6"; + color: black; + display: inline-block; + margin-right: 6px; + } + + .caret-down::before { + -ms-transform: rotate(90deg); /* IE 9 */ + -webkit-transform: rotate(90deg); /* Safari */ + transform: rotate(90deg); + } + + .nested { + display: none; + } + + .active { + display: block; + } + + + .nested { + border-left: 2px dotted #000; + margin-left: 10px; + padding-left: 10px; + } + + .highlight { + border: 2px dashed blue; + } + + /* Initially hide the icon */ + .drag-handle { + color: transparent; + } + + /* Show the icon when hovering over the parent element with .hidedrag */ + .element:hover .drag-handle { + color: #BF303B; + } + + body { + background-image: url('assets/images/bg1-1.png'); + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + background-color: #00000073; + } + + [contentEditable=true]:empty:not(:focus):before { + content: attr(data-text) + } + + .highlight { + background-color: rgb(230, 221, 235); + } + + /* Define the transition for the animation */ + .highlight { + transition: background-color 0.3s ease; + } + + /* Style for the placeholder element with a slow animation */ + .placeholder { + height: 20px; + background-color: transparent; + transition: height 0.5s ease; + } + + + math-field{ + border-radius: 6px; + font-size:18px; + display: block; + color: #6d6d6d; + } + + .buttons { + position: absolute; + top: 58px; + right: -185px; + float: right; + text-align: -webkit-right; + } + - - - - - - - - - - - - + color: #fff; + font-weight: 400; + padding: 2px 0px; + text-transform: capitalize; + transition: 0.5s; + font-size: 15px; + position: relative; + z-index: 1; + border-radius: 5px; + overflow: hidden; + /* margin-top: 5px; */ + /* background: linear-gradient(to right,#533dfd,#730fd5); */ + background: linear-gradient(to right,darkred, #BF303B); + border: none; + /* margin-right: 15px; */ + width: 85px; + } + + - -
@@ -864,17 +817,21 @@ h1.title{ - -
- - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
- - - -
-
-
-
- -
-
-
-
-
- -
- - - - - -
- -
- - -
- - - -
- -
-
-
-
- -
-
-
-
-
- -
-
-
- -
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
- -
-
-
- - - - -
- - -
- -
- - -
- - -
- -
- - -
-
- © 2023 Project-B. All rights reserved. -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/html2json_old.js b/html2json_old.js deleted file mode 100644 index 27dd34e..0000000 --- a/html2json_old.js +++ /dev/null @@ -1,224 +0,0 @@ -function html2json() { - // console.clear(); - - $.fn.getTextQuestion = function(element_id) { - var questionTitle = document.getElementById('textQuestionName_' + element_id).querySelector('.ql-editor').innerHTML; - var isMathEnabled = document.getElementById('math_' + element_id).checked; - var questionSubTitle = ""; - if(isMathEnabled == true) - { - questionSubTitle = document.getElementById('textQuestionSubtitle_math_' + element_id).value; - } - else - { - questionSubTitle = document.getElementById('textQuestionSubtitle_' + element_id).querySelector('.ql-editor').innerHTML; - } - var questionType = document.getElementById('question_type_' + element_id).value; - var questionSubType = document.getElementById('longAnswer_' + element_id).checked; - - return { - "question": questionTitle, - "question_description": questionSubTitle, - "question_type": questionType, - "question_sub_type": questionSubType, - "is_math_enabled": isMathEnabled - } - } - - $.fn.getChoiceQuestion = function(element_id) { - - var questionTitle = document.getElementById('textQuestionName_' + element_id).querySelector('.ql-editor').innerHTML; - var isMathEnabled = document.getElementById('math_' + element_id).checked; - var questionSubTitle = ""; - if(isMathEnabled == true) - { - questionSubTitle = document.getElementById('textQuestionSubtitle_math_' + element_id).value; - } - else - { - questionSubTitle = document.getElementById('textQuestionSubtitle_' + element_id).querySelector('.ql-editor').innerHTML; - } - var questionType = document.getElementById('question_type_' + element_id).value; - var questionSubType = document.getElementById('multipleAnswer_' + element_id).checked; - var answers = []; - - //get choice group - - //get default choice details - var choice_name = ""; - if(isMathEnabled == true) - { - choice_name = document.getElementById('choiceTextField_math_' + element_id).value; - } - else - { - choice_name = document.getElementById('choiceTextField_' + element_id).querySelector('.ql-editor').innerHTML; - } - var choice_description = document.getElementById('commentField_' + element_id).value; - // var choice_image = document.getElementById('imageInput_' + element_id).value; - answers.push({ - "choice_name": choice_name, - "choice_description": choice_description - }); - - // console.log('before group'); - //get dynamically added choice detailscolor: #999; - var $newlyAddedChoices = $('#addChoiceArea_' + element_id); - - $newlyAddedChoices.children().each(function(index, element) { - - var groupChoiceId = ((element.id).split('_').slice(-1)[0]).split('.').slice(0)[0]; - var individualChoiceId = (element.id).split('.').slice(-1)[0]; - // console.log('newChoiceTextField_'+groupChoiceId+'.'+individualChoiceId); - var choice_name = ""; - if(isMathEnabled == true) - { - choice_name = document.getElementById('newchoiceTextField_math_' + groupChoiceId + '.' + individualChoiceId).value; - } - else - { - choice_name = document.getElementById('newChoiceTextField_' + groupChoiceId + '.' + individualChoiceId).querySelector('.ql-editor').innerHTML; - } - // console.log('choice_description id in the html to json script'); - var id = document.getElementById('newChoiceCommentField_' + groupChoiceId + '.' + individualChoiceId); - // console.log(id); - var choice_description = document.getElementById('newChoiceCommentField_' + groupChoiceId + '.' + individualChoiceId).value; - - - // var choice_image = document.getElementById('newChoiceImageInput_' + groupChoiceId + '.' + individualChoiceId).value; - - answers.push({ - "choice_name": choice_name, - "choice_description": choice_description, - }); - - - }); - - - return { - "question": questionTitle, - "question_description": questionSubTitle, - "question_type": questionType, - "question_sub_type": questionSubType, - "is_math_enabled": isMathEnabled, - "answers": answers - } - } - - - $.fn.getQuestionsData = function(element_id, type = 'question') // type for single question or group question - { - // console.log('getQuestionsData - '+element_id); - - var $questionArea = (type == 'question' ? $('#question_area_' + element_id) : $('#group_question_area_' + element_id)); - // console.log('getQuestionsData'); - // console.log($questionArea); - - var questionsArr = []; - $questionArea.children("div").each(function(index, element) { - - var questionRowID = (element.id).split("_").slice(-1)[0]; - // console.log('row question' + questionRowID); - var question_type = document.getElementById('question_type_' + questionRowID); - // check whether current element is single question or question group - if (typeof question_type !== null && question_type != undefined) { - if (document.getElementById('question_type_' + questionRowID).value == 'text') { - //get text type question data - var textQuestion = $.fn.getTextQuestion(questionRowID); - questionsArr.push(textQuestion); - - } else { - // console.log('get choice question'); - //get choice type question data - var getChoiceQuestion = $.fn.getChoiceQuestion(questionRowID); - questionsArr.push(getChoiceQuestion) - } - } else // handle question group - { - // console.log('QUESTION GROUP'); - // console.log('row question' + questionRowID); - var questionGroupData = $.fn.getQuestionQroupData(element); - questionsArr.push(questionGroupData) - - } - - - }); - - return questionsArr - } - - $.fn.getQuestionQroupData = function(element) { - // console.log('getSectionData'); - // console.log(element.id); - const rand_id = (element.id).split("_").slice(-1)[0]; - // console.log(rand_id); - // console.log('section_title_text_'+rand_id); - var groupQuestion = {} - var group_title = document.getElementById('subSection_title_text_' + rand_id); - var group_description = document.getElementById('subSection_description_text_' + rand_id); - groupQuestion['group_title'] = ((typeof group_title !== null && group_title !== 'undefined') ? (group_title !== null ? group_title.querySelector('.ql-editor').innerHTML : null) : null); - groupQuestion['group_description'] = ((typeof group_description !== null && group_description !== 'undefined') ? (group_description !== null ? group_description.querySelector('.ql-editor').innerHTML : null) : null); - - if (group_title !== null) { - var questionsData = $.fn.getQuestionsData(rand_id, 'group'); - // console.log('Section Data'); - // console.log(questionsData); - groupQuestion['questions'] = questionsData; - return groupQuestion; - } - - } - - - $.fn.getSectionData = function(element) { - // console.log('getSectionData'); - // console.log(element.id); - const rand_id = (element.id).split("_").slice(-1)[0]; - // console.log(rand_id); - // console.log('section_title_text_'+rand_id); - var section = {} - var section_title = document.getElementById('section_title_text_' + rand_id); - var section_description = document.getElementById('section_description_text_' + rand_id); - section['section_title'] = ((typeof section_title !== null && section_title !== 'undefined') ? (section_title !== null ? section_title.querySelector('.ql-editor').innerHTML : null) : null); - section['section_description'] = ((typeof section_description !== null && section_description !== 'undefined') ? (section_description !== null ? section_description.querySelector('.ql-editor').innerHTML : null) : null); - - if (section_title !== null) { - var questionsData = $.fn.getQuestionsData(rand_id); - // console.log('Section Data'); - // console.log(questionsData); - section['questions'] = questionsData; - return section; - } - - } - - var formData = {}; - - var question_paper_title = document.getElementById('Question_title').querySelector('.ql-editor').innerHTML; - var question_paper_description = document.getElementById('Question_description').querySelector('.ql-editor').innerHTML; - formData['question_paper_title'] = question_paper_title; - formData['question_paper_description'] = question_paper_description; - formData['sections'] = []; - // console.log(formData); - // return False; - - var $parentSectionElement = $("#addNewSection"); - $parentSectionElement.find(".section").each(function(index, element) { - // console.log(element); - // if(index == 2){return false;} - var sectionData = $.fn.getSectionData(element); - // console.log(sectionData); - if (sectionData !== null && sectionData !== undefined) { - formData['sections'].push(sectionData); - } - - }); - - // console.log((formData)); - // console.log(JSON.stringify(formData, null, 1)); - localStorage.setItem("json", JSON.stringify((formData))); - console.log(JSON.stringify(formData)); - // console.log(OBJtoXML(({'question_paper' : formData}))); -} diff --git a/style_old.css b/style_old.css deleted file mode 100644 index 2edd21a..0000000 --- a/style_old.css +++ /dev/null @@ -1,3441 +0,0 @@ - -.sticky-nav .header-button a { - display: inline-block; - color: #fff; - font-weight: 600; - padding: 10px 28px; - border: 1px solid#fff; - text-transform: capitalize; - transition: 0.5s; - font-size: 17px; - position: relative; - z-index: 1; - border-radius: 3px; - overflow: hidden; - margin-top: 5px; -} -/* - -*/ -.main-header { - position: relative; - z-index: 99; - padding: 0 20px 15px; -} -.nav-menu { - display: flex; - justify-content: space-between; - align-items: center; -} -.heder-menu ul li { - display: inline-block; - margin-right: 5px; -} -.heder-menu { - display: inline-block; - position: relative; - right: -95px; -} -.heder-menu ul { - display: block; -} -.heder-menu ul li a { - display: block; - font-size: 18px; - color:#730fd5; - font-weight: 600; - text-transform: capitalize; - padding: 30px 10px 18px 10px; - transition: .5s; - position: relative; - font-family: 'Poppins', sans-serif; -} -.heder-menu ul li a:hover { - color: #36B9FD -} -.heder-menu ul li.icon { - position: relative; -} -.heder-menu ul li.icon::before { - content: "\f107"; - font-family: FontAwesome; - font-size: 15px; - opacity: 1; - top: 32px; - right: -10px; - left: inherit; - position: absolute; - color: #2c2c51; -} -.sticky-nav .heder-menu ul li.icon::before { - color: #2c2c51; -} -.header-button { - margin-top: 15px; - margin-left: 20px; -} -.header-button a { - display: inline-block; - color: #fff; - font-weight: 600; - padding: 10px 28px; - text-transform: capitalize; - transition: 0.5s; - font-size: 17px; - position: relative; - z-index: 1; - border-radius: 3px; - overflow: hidden; - margin-top: 5px; - background: linear-gradient(to right,#533dfd,#730fd5); -} -.header-button a i { - display: inline-block; - position: relative; - left: 8px; - font-weight: 600; -} -.header-button a:hover { - color: #fff; - background: linear-gradient(to left, #533efe, #740fd6); -} -.header-icon { - display: inline-block; - position: relative; - right: -130px; -} -.header-icon i { - display: inline-block; - color: #fff; - font-size: 14px; -} - -/* sub-menu */ -.heder-menu ul .sub-menu { - top: 120px; - height: auto; - width: 200px; - background: #fff; - transition: .5s; - visibility: hidden; - display: block; - padding: 15px 0px 12px; - border-radius: 5px; - position: absolute; - opacity: 0; -} -.sub-menu ul { - overflow: hidden; - display: inherit; -} -.sub-menu ul li { - margin: 0; - padding: 0; - overflow: hidden; - display: inherit; - border-top: 1px solid #DEE1E6; -} -.heder-menu ul .sub-menu ul li a { - display: inline-block; - font-size: 15px; - font-weight: 600; - color: #616161!important; - padding: 10px 7px 8px 25px; - transition: .5s; -} -.heder-menu ul .sub-menu ul li:hover { - background: #5A49F8; -} -.heder-menu ul .sub-menu ul li:hover a { - color: #fff!important; -} -.heder-menu ul li:hover .sub-menu { - top:75px; - visibility: visible !important; - opacity: 1; -} -/* - -*/ -.breadcumb-area { - padding: 170px 0 143px; - background-position: center center; - background-repeat: no-repeat; - background-size: cover !important; - position: relative; - background: url(assets/images/breatcame-image.jpg); - margin-top: -93px; -} -.breacumb-content { - text-align: center; -} -.breadcumb-title h1 { - text-transform: capitalize; - font-family: 'Poppins', sans-serif; - font-weight: 600; - font-size: 55px; - margin-bottom: 10px; - margin-top: 0; - color: #2c2c51; -} -.breadcumb-content-text a { - display: inline-block; - margin: 0 6px; - color: #2c2c51; - font-size: 14px; - font-weight: 700; - text-transform: uppercase; - font-family: 'Rubik', sans-serif; -} -.breadcumb-content-text a i { - display: inline-block; - margin: 0 8px; -} -/* - -*/ -.slider-area { - background: url(assets/images/bg1-1.png); - background-size: cover; - background-position: center center; - background-repeat: no-repeat; - height: 760px; - position: relative; - margin-top: -92px; -} -.slider-content{ - text-align: center; -} -.slider-title h5 { - color: #5a34f6; - font-size: 17px; - font-weight: 600; - text-transform: capitalize; - margin: 0 0 5px; - background: #E6E1FF; - display: inline-block; - padding: 8px 27px 8px 0; - border-radius: 8px; -} -.slider-title h5 span { - font-size: 13px; - background: #5933f5; - color: #fff; - padding: 3px 11px; - border-radius: 8px; - font-weight: 600; - margin-right: 4px; -} -.slider-title h1 { - font-size: 50px; - font-weight: 600; - margin-bottom: 35px; - color: #2D2D53; - letter-spacing: 0; -} -.slider-title p { - font-size: 16px; - margin: 13px auto 32px; - color: #677294; - width: 65%; -} -.slider-button{ - display: inline-block; -} -.slider-btn{ - display: inline-block; -} -.slider-button a { - padding: 13px 28px; - background: linear-gradient(to right,#533dfd,#730fd5); - color: #fff; - transition: .5s; - font-weight: 600; - text-transform: capitalize; - border-radius: 8px; - display: inline-block; - margin: 0 10px; - font-size: 18px; -} -.slider-button a:hover { - background: linear-gradient(to right,#730fd5,#533dfd); -} -.slider-btn a { - padding: 13px 28px; - background: #36B9FD; - color: #fff; - transition: .5s; - font-weight: 600; - text-transform: capitalize; - border-radius: 8px; - display: inline-block; - margin: 0 10px; - font-size: 18px; -} -.slider-btn a:hover { - background: #5a34f6; -} -/* - -*/ -.chart-thumb img { - width: 100%; -} -/* - -*/ -/* .section-title { - text-align: center; - margin-bottom: 50px; -} */ -.section-title h5 { - color: #5a49f8; - font-size: 20px; - text-transform: capitalize; - font-weight: 600; - letter-spacing: 0; - margin: 0 0 20px 0; - position: relative; - display: inline-block; - z-index: 1; -} -.section-title h5::before { - position: absolute; - content: ""; - height: 5px; - width: 20px; - background: #cdc8fd; - top: 46%; - border-radius: 15px; - left: -40px; -} -.section-title h5::after { - position: absolute; - content: ""; - height: 5px; - width: 5px; - top: 46%; - background: #cdc8fd; - border-radius: 50%; - left: -55px; -} -.section-title h5 span::before { - position: absolute; - content: ""; - height: 5px; - width: 20px; - background: #cdc8fd; - top: 46%; - border-radius: 15px; - right:-40px; -} -.section-title h5 span::after { - position: absolute; - content: ""; - height: 5px; - width: 5px; - top: 46%; - background: #cdc8fd; - border-radius: 50%; - right: -55px; -} -.sub-title h3 { - font-size: 38px; - margin-bottom: 0px; - text-transform: capitalize; - margin-top: 0; - line-height: 1.2; - font-weight: 600; - color: #2c2c51; -} -.sub-title p { - color: #646464; - font-family: "Rubik", Sans-serif; - font-size: 16px; - font-weight: 400; - line-height: 29px; - margin: 30px 0 0; -} -/* - -*/ -.service-area { - padding: 35px 0px 35px 0px; -} -.single-service-box { - text-align: center; - border-radius: 5px; - padding: 40px 29px; - background: #fff; - box-shadow: 0 0 60px rgb(0 0 0 / 10%); - transition: .3s; - position: relative; - margin-bottom: 30px; -} -.single-service-box.style-one .service-icon i{ - background: #ffa200; -} -.single-service-box.style-one .service-icon::before{ - background: #ffa200; -} -.single-service-box.style-one .service-button a{ - color: #ffa200; -} -/*single-service-box.style-two*/ -.single-service-box.style-two .service-icon i{ - background: #35b9fd; -} -.single-service-box.style-two .service-icon::before{ - background: #35b9fd; -} -.single-service-box.style-two .service-button a{ - color: #35b9fd; -} -/*single-service-box.style-three*/ -.single-service-box.style-three .service-icon i{ - background:#0bc329; -} -.single-service-box.style-three .service-icon::before{ - background: #0bc329; -} -.single-service-box.style-three .service-button a{ - color: #0bc329; -} -/*single-service-box.style-four*/ -.single-service-box.style-four .service-icon i{ - background:#533dfd; -} -.single-service-box.style-four .service-icon::before{ - background: #533dfd; -} -.single-service-box.style-four .service-button a{ - color: #533dfd; -} -/*single-service-box.style-five*/ -.single-service-box.style-five .service-icon i{ - background:#e53efd; -} -.single-service-box.style-five .service-icon::before{ - background: #e53efd; -} -.single-service-box.style-five .service-button a{ - color: #e53efd; -} -/*single-service-box.style-six*/ -.single-service-box.style-six .service-icon i{ - background:#ed391b; -} -.single-service-box.style-six .service-icon::before{ - background: #ed391b; -} -.single-service-box.style-six .service-button a{ - color: #ed391b; -} -/*single-service-box.style-seven*/ -.single-service-box.style-seven .service-icon i{ - background:#25c9c3; -} -.single-service-box.style-seven .service-icon::before{ - background: #25c9c3; -} -.single-service-box.style-seven .service-button a{ - color: #25c9c3; -} -.service-icon i { - margin-bottom: 32px; - display: inline-block; - color: #fff; - background: #f90069; - font-size: 35px; - height: 68px; - width: 68px; - line-height: 68px; - text-align: center; - border-radius: 5px; -} -.service-icon { - position: relative; - z-index: 1; -} -.service-icon::before { - position: absolute; - content: ""; - top: 0; - left: 0; - background: #f90069; - filter: blur(35px); - width: 50px; - height: 70px; - z-index: -1; - transition: .5s; - right: 0; - text-align: center; - margin: 0 auto 0; -} -.service-title h2 { - margin: 0 0 15px 0; - font-size: 22px; - position: relative; - display: inline-block; -} -.service-title h2::before { - content: ''; - position: absolute; - left: 0; - bottom: -4px; - height: 2px; - background: #1d2124; - width: 0; - transition: .3s; -} -.single-service-box:hover .service-title h2::before { - width: 100%; -} -.single-service-box:hover .service-button a { - background: rgba(249,0,105,0.1); - border: 1px solid rgba(249,0,105,0.1); -} -.service-button a { - color: #f90069; - display: inline-block; - transition: all .5s ease 0s; - position: relative; - font-weight: 500; - background: transparent; - border: 1px solid rgba(83,61,253,0.1); - text-align: center; - padding: 7px 14px; - border-radius: 5px; -} -.service-title p { - font-size: 16px; - color: #646464; - font-weight: 400; - line-height: 28px; - margin: 0 0 25px; -} -/* - -*/ -.counter-area { - padding: 79px 0px 76px 0px; - background: url(assets/images/Saas-Landing1-1.png); - background-size: cover; - background-position: center center; - background-repeat: no-repeat; - z-index: 11; - position: relative; -} -.single-counter-box { - position: relative; - z-index: 1; - background: #6551FE; - padding: 18px 16px; - border-radius: 10px; - margin-left: 50px; -} -.single-counter-box.upper { - background: #8128DA; -} -.counter-icon { - text-align: left; - float: left; - margin: 7px 20px 0 -55px; -} -.counter-icon i { - font-size: 35px; - transition: .5s; - display: inline-block; - width: 82px; - line-height: 82px; - height: 82px; - background: #fff; - text-align: center; - border-radius: 10px; - margin-top: -5px; - color: #533efe; -} -.counter-title h1 { - font-size: 40px; - display: inline-block; - font-weight: 600; - margin: 0; - color: #fff; -} -.counter-title h5 { - text-transform: capitalize; - font-size: 16px; - margin-top: 2px; - font-weight: 400; - letter-spacing: 0; - color: #fff; - font-family: 'Rubik', sans-serif; -} -/* - -*/ -.why-choose-us-area { - padding: 108px 0px 80px 0px; -} -.why-choose-us-area .section-title { - text-align: left; - margin-bottom: 35px; -} -.why-choose-us-area .section-title h5 { - margin-left: 60px; -} - -/*progress bar*/ -.progress-box { - width: 545px; - margin: 0 0 0 0px; - padding: 30px 0px 45px 0px; - box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%); - background: #fff; - position: relative; -} -.circle_percent { - font-size: 90px; - width: 87px; - height: 87px; - position: relative; - background: #FFEAE3; - border-radius: 50%; - overflow: hidden; - display: inline-block; - margin: 10px 20px 0 30px; -} -.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);} -.round_per { - position: absolute; - left: 0; - top: 0; - width: 1em; - height: 1em; - background: #5A49F8; - clip: rect(0 1em 1em .5em); - transform: rotate(180deg); - transition: 1.05s; -}.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);} -.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #FF3C00; content:'';} -.circle_inbox {position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background: #fff; z-index:3; border-radius: 50%;} -.percent_text { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%,-50%); - z-index: 3; - font-size: 22px; - line-height: 26px; - color: #232323; - text-align: center; - font-weight: 700; - font-family: 'Rubik', sans-serif; - display: inline-block; -} -.circle-progress-title { - display: inline-block; - position: absolute; - top: 38px; - left: 0; - right: 0; - text-align: center; - margin: 0 auto 0; -} -.circle-progress-title h3 { - font-size: 24px; - color: #2c2c51; - line-height: 1.2; - font-weight: 600; - position: relative; - left: -15px; -} -.circle-progress-title p { - margin: 12px auto 0px; - width: 47%; - color: #646464; - font-weight: 400; - line-height: 28px; - text-align: left; -} -.choose-us-right-thumb img { - width: 100%; - margin-left: 40px; -} -.choose-us-right-box { - position: relative; - z-index: 1; -} -.choose-us-shape { - position: absolute; - top: -155px; - right: -100px; - z-index: -1; -} -/* - -*/ -.about-area { - padding: 108px 0px 100px 0px; -} -.about-area .section-title { - text-align: left; - margin-bottom: 35px; -} -.about-area .section-title h5 { - margin-left: 60px; -} -.about-thumb { - position: relative; - left: -65px; -} -.about-thumb img { - width: 100%; -} -.about-icon-list ul { - display:block; -} -.about-icon-list ul li { - display: block; - list-style: none; - color: #2c2c51; - font-size: 16px; - font-weight: 600; - font-family: 'Poppins', sans-serif; -} -.about-icon-list ul li i { - font-size: 12px; - color: #36bafe; - display: inline-block; - width: 28px; - height: 28px; - line-height: 28px; - background: rgba(54,186,254,0.1); - border-radius: 50%; - text-align: center; - margin: 0 15px 10px 0; -} -/* - -*/ -.choose-area{ -padding: 0px 0px 100px 0px; -} -.choose-area .section-title { - margin-bottom: 20px; - text-align: left; -} -.choose-area .section-title h5 { - margin-left: 60px; -} -.choose-area .about-thumbs img { - width: 115%; -} -.choose-area .icon-content { - display: inline-block; -} -.choose-area .about-icon { - display: inline-block; -} -.choose-area .about-icon i { - color: #5137ed; - display: inline-block; - font-size: 40px; - margin-right: 15px; - position: relative; - top: -42px; -} -.choose-area .icon-box { - margin-bottom: 23px; -} -.choose-area .icon-title h2 { - font-size: 20px; - color: #2c2c51; - font-weight: 600; - margin: 0 0 14px 0; -} -.choose-area .icon-title p { - color: #677294; - font-size: 16px; - line-height: 25px; - margin: 0; -} -/* - -*/ -.process-section { - padding: 119px 0px 103px 0px; - background: url(assets/images/Saas-Landing1.jpg); - background-size: cover; - background-position: center; - background-repeat: no-repeat; -} -.single-process-box { - margin: 10px 0 30px; -} -.single-process-box.upper { - position: relative; - top: 50px; -} -.process-content { - text-align: center; - margin-top: 30px; -} -.process-title h2 { - color: #2C2C51; - font-size: 24px; - line-height: 33px; - font-weight: 600; -} -.process-section.upper { - margin-bottom: 0; -} -/* - -*/ -.team-area { - padding: 80px 0px 0px 0px; -} -.team-area .sub-title h5 span::before { - right: -195px; -} -.team-area .sub-title h5 span::after { - right: -227px; -} -.team-single-box { - position: relative; - overflow: hidden; - background: #fff; - border-radius: 7px; - box-shadow: 0 0 60px rgb(0 0 0 / 10%); - padding: 20px; - transition: .5s; - margin-bottom: 30px; -} -.team-single-box:hover .team-thumb::before{ - opacity: 0.3; -} -.team-single-box:hover{ - margin-top: -12px ; -} -.team-thumb { - position: relative; -} -.team-thumb::before { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: #740FD7; - content: ""; - -webkit-transition: .3s; - -moz-transition: .3s; - transition: .3s; - opacity: 0; -} -.team-thumb img { - width: 100%; -} -.team-title { - text-align: center; - margin: 18px 0 0; -} -.team-title h3 { - margin: 0; -} -.team-title h3 a { - font-size: 20px; - font-weight: 700; - line-height: 30px; - display: inline-block; - color: #333; -} -.team-title span { - font-size: 14px; - text-transform: capitalize; - color: #5a49f8; - float: none; - text-align: center; - font-weight: 500; -} -.team-icon { - position: absolute; - right: -50px; - width: 55px; - background: #fff; - padding: 12px 0 12px 15px; - top: 37%; - transform: translateY(-50%); - transition: .5s; -} -.team-single-box:hover .team-icon{ - right: 10px; -} -.team-icon ul{ - display: inline-block; -} -.team-icon ul li { - list-style: none; - display: block; - margin: 5px 0; -} -.team-icon ul li a { - display: inline-block; - color: #5a49f8; -} -/* - -*/ -.subscribe-area { - padding: 120px 45px 0; - background: #fff; -} -.row.back { - padding: 65px 0px 0px 52px; - background: url(assets/images/Saas-Landing9.png); - background-size: cover; - background-position: center center; - background-repeat: no-repeat; - border-radius: 10px; -} -.subscribe-area .section-title { - text-align: left; - margin-bottom: 30px; -} -.subscribe-area .section-title h5 { - margin-left: 60px; - color: #fff; -} -.subscribe-area .sub-title h3 { - color: #fff; -} -.subscribe-area .form_box { - margin-bottom: 25px; -} -.subscribe-area .form_box input { - font-size: 16px; - height: 70px; - padding: 5px 25px; - position: relative; - width: 86%; - background: #fff; - margin: auto; - border: 0; - border-radius: 5px; - color: #2c2c51; -} - .subscribe-area input::placeholder { - color: #2c2c51; -} -.subscribe-area .form-button button { - background: #35b9fd; - border: none; - color: #fff; - width: 138px; - transition: .3s; - height: 52px; - border-radius: 5px; -} -.subscribe-form { - position: relative; -} -.subscribe-area .form-button { - position: absolute; - right: 130px; - top: -16px; -} -.process-thumb img { - width: 100%; -} -.subscribe-area .form-button button:hover { - background: #740fd6; - border-color: #fff; -} -.subscribe-area .form-button button i { - margin-left: 5px; -} -.subscribe-icon-box ul li { - color: #FFFFFF; - margin: 0px 0px 0px -8px; - font-size: 18px; - font-weight: 400; - list-style: none; -} -.subscribe-icon-box ul li { - color: #FFFFFF; - margin: 0px 27px 0px 0px; - font-size: 18px; - font-weight: 400; - list-style: none; - display: inline-block; -} -.subscribe-icon-box ul li i { - color: #fff; - display: inline-block; - text-align: center; - font-size: 21px; - margin-right: 10px; -} -.subscribe-thumb { - position: relative; - margin-left: 60px; - margin-top: -50px; -} -.subscribe-shape { - position: relative; - margin-top: -50px; -} -.footer-title { - overflow: hidden; -} -/* - -*/ -.map-area .row { - overflow: hidden; -} -/* - -*/ -.contacts-section { - padding: 0px 0px 30px 0px; -} - -.QuestionPaper .form_box input { - width: 97%; - height: 40px; - padding-left: 20px; - background: none; - border-radius: 3px; - transition: .5s; - border: 1px solid #595977; - color: #595977; - outline-color: #92B3E9; - font-size: 16px; -} - -.QuestionPaper input::placeholder { - color: #2c2c51; - size: 10px; -} -input::focus { - border: 2px solid #93D543; -} - - .QuestionPaper button { - background: linear-gradient(to right, #533efe, #740fd6); - width: 24%; - padding: 14px 39px; - border-radius: 5px; - color: #fff; - border: inherit; - font-size: 18px; - font-weight: 600; -} -.QuestionPaper .form-button { - position: relative; - right: 2; - top: 0; -} - -.QuestionPaper .form-button button:hover { - color: #fff; - background: linear-gradient(to left, #533efe, #740fd6); -} - - -.row.section { - box-shadow: 8px 9px 35px 0px rgb(145 145 145 / 24%); - padding: 0px 0px 0px 0px!important; - background: #fff; - /* background: #b3ffd9; */ - position: relative; - border-radius: 39px; - /* color: darkgrey; */ -} - -.contacts-icon { - float: left; -} -.single-contacts-boxs { - padding: 65px 0 48px 39px; - margin: 0px 29px 0px 0px; - background: #7B1BD7; - border-radius: 5px; -} -.left-boxs { - margin-bottom: 22px; -} -.contacts-icon ul li{ - display: inline-block; - list-style: none; -} -.contacts-icon ul li i { - display: inline-block; - margin: 0px 25px 15px 0; - font-size: 47px; - float: left; - color: #fff; - position: relative; - top: 5px; -} -.contacts-tex h2 { - display: block; - font-weight: 600; - color: #fff; - font-size: 20px; - font-family: "Poppins", sans-serif; - margin: 0 0 10px 0; -} -.contacts-tex p { - font-size: 16px; - color: #fff; - font-weight: 400; - line-height: 28px; - overflow: hidden; -} -.contacts-titles h2 { - font-size: 32px; - margin: 0 0 34px; - color: #1d2124; - line-height: 1.2; - font-weight: 600; -} -.contacts-section .form_box { - margin-bottom: 15px; -} -.contacts-section .form_box input { - width: 100%; - height: 54px; - padding-left: 20px; - background: none; - border-radius: 3px; - transition: .5s; - border: 1px solid #595977; - color: #595977; - outline-color: #92B3E9; -} - .form_box textarea { - width: 100%; - padding-left: 20px; - padding-top: 15px; - border: 1px solid #595977; - height: 150px; - outline: 0; - transition: .5s; - background: none; - margin-top: 7px; -} -.contacts-section input::placeholder { - color: #2c2c51; -} -.contacts-section input::focus { - border: 2px solid #93D543; -} -.contacts-section textarea::placeholder { - color: #2c2c51; -} -.contacts-section textarea{ - color: #595977; -} -.contacts-section button { - background: linear-gradient(to right, #533efe, #740fd6); - width: 100%; - padding: 14px 39px; - border-radius: 5px; - color: #fff; - border: inherit; - font-size: 18px; - font-weight: 600; -} -.contacts-section .form-button { - position: relative; - right: 0; - top: 0; -} - -/* - -*/ -.testimonial-area { - padding: 119px 0px 200px 0px; - background: url(assets/images/Saas-Landing15.png); - background-size: cover; - background-position: center center; - background-repeat: no-repeat; -} -.single-testimonial-box { - padding: 37px 0 40px 14px; - border-radius: 5px; - background: #fff; - box-shadow: 0 0 16px rgb(0 0 0 / 10%); - margin: 11px 0 9px 0; - position: relative; - z-index: 1; -} -.testimonial-text p { - width: 93%; - font-size: 18px; - font-weight: 400; - text-align: left; - margin: auto 18px; - border-bottom: 1px solid rgba(83,61,253,0.1); - margin-bottom: 32px; - padding-bottom: 35px; - font-style: italic; -} -.testimonial-text p span { - color: #5a49f8; - font-size: 32px; - font-weight: 500; - font-style: italic; -} -.testi-thumb { - float: left; - margin: 0 20px 0 20px; -} -.testi-title h2 { - font-size: 24px; - margin-bottom: 5px; - text-transform: capitalize; - letter-spacing: 0; - font-weight: 600; - color: #1d2124; -} -.testi-title span { - color: #5a49f8; - font-size: 16px; - font-weight: 500; - font-style: normal; -} -.testi-shaoe { - position: absolute; - right: -25px; - bottom: 55px; -} -.testi-shaoe img { - width: 65%; -} -.owl-dots { - position: absolute; - left: 50%; - bottom: -82px; - border-radius: 100%; - transform: translateX(-50%); -} -.owl-dot { - display: inline-block !important; - margin: 0 0 0 15px; - border-radius: 100%; - transition: .5s; - position: relative; - border: 2px solid #C3BAFD; - height: 10px; - width: 10px; -} -.owl-dot.active{ - border: 2px solid #5a49f8; -} -.owl-dot.active::before { - content: ''; - position: absolute; - left: -11px; - top: -11px; - height: 27px; - width: 27px; - border-radius: 50%; - border: 2px solid #5a49f8; -} -/* - -*/ -.brand-area { - padding: 112px 0px 90px 0px; -} -.brand-area .sub-title h3 { - font-size: 24px; -} -.brand-area .sub-title h3 span { - color: #36BAFE; -} -.single-brand-box { - margin-bottom: 30px; -} -.brand-area.style-one { - padding: 90px 0px 80px 0px; -} -.brand-area.style-one .single-brand-box { - margin-bottom: 30px; - text-align: center; -} -/* - -*/ -.map-area { - padding: 80px 0 0; -} -.row.maps { - overflow: hidden; -} -/* - -*/ -.faq-area { - border-style: solid; - border-width: 2px 0px 0px 0px; - border-color: #F4F3FF; - padding: 85px 0px 50px 0px; -} -.single-faq-box .section-title { - text-align: left; -} -.single-faq-box .sub-title p { - margin: 15px 0 0; -} -.faq-area .section-title h5 { - margin-left: 60px; -} -.faq-area .accordion { - max-width: 480px; - margin: 33px 0 auto 0px; - border-top: 1px solid #d9e5e8; - list-style: none; -} -.faq-area .accordion li { - background: #FFFFFF; - position: relative; - margin-bottom: 15px; -} -.faq-area .accordion a { - width: 100%; - display: block; - border: none; - outline: 0; - position: relative; - cursor: pointer; - text-decoration: none; - font-weight: 600; - line-height: 3; - font-size: 18px; - text-indent: 40px; - user-select: none; - color: #1d2124; - font-family: 'Poppins', sans-serif; - box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%); - margin-bottom: 20px; - padding: 8px 0; -} -.faq-area .accordion a:hover { - text-decoration: underline; - color: #5a49f8; -} -.faq-area .accordion li a.active { - background: #f3f1ff; - color: #1d2124; - padding: 6px 0; - border-radius: 5px; - font-size: 18px; - transition: .5s; -} -.faq-area .accordion li a.active:hover{ - color: #5a49f8; -} -.faq-area .accordion a.active::before{ - display: none; -} -.faq-area .accordion p { - display: none; - padding: 10px 25px 30px; - color: #646464; - font-size: 16px; -} -.accordion li a::after { - content: "\f067"; - font-family: "Font Awesome 5 Free"; - position: absolute; - left: -25px; - top: 7px; -} -.accordion li a.active::after { - content: "\f068"; -} -.faq-button a { - padding: 13px 35px; - background: linear-gradient(to right,#533dfd,#730fd5); - color: #fff; - transition: .5s; - font-weight: 600; - text-transform: capitalize; - border-radius: 8px; - display: inline-block; - margin: 0 10px; - font-size: 18px; -} -.faq-button a:hover { - background: linear-gradient(to right,#730fd5,#533dfd); -} -/* - -*/ -.blog-area { - padding: 100px 0px 60px 0px; - background: #F6F6F6; -} -.blog-area .sub-title h5 span::before { - right: -130px; -} -.blog-area .sub-title h5 span::after { - right: -167px; -} -.blog-single-box { - overflow: hidden; - text-align: left; - background: #fff; - border: 0; - box-shadow: 0px 8px 60px rgb(243 242 255); - border-radius: 7px; - transition: .5s; - margin-bottom: 30px; -} -.blog-content { - padding: 0 25px; -} -.blog-single-box:hover{ - box-shadow: 0 2px 4px #0003; -} -.blog-thumb{ - position: relative; -} -.blog-thumb img { - width: 100%; -} -.blog-title { - padding: 22px 22px 28px; -} -.blog-title a { - display: inline-block; - font-size: 16px; -} -.blog-title span { - position: relative; - margin-right: 40px; - font-size: 16px; - color: #646464; - font-family: 'Poppins', sans-serif; -} -.blog-title span:hover{ - color: #5f4ff8; -} -.blog-title span i { - display: inline-block; - color: #5f4ff8; - margin-right: 5px; -} -.blog-title span::before { - content: ""; - background: #e0e1fc; - width: 8px; - height: 8px; - position: absolute; - right: -28px; - top: 10px; - border-radius: 50%; -} -.blog-title h2 a { - font-size: 22px; - margin: 20px 0 0; - line-height: 1.2; - position: relative; - border-top: 1px solid #f0effe; - padding-top: 20px; - display: inline-block; - color: #1d2124; - font-weight: 600; - transition: .5s; -} -.blog-title h2 a:hover{ - color: #5A49F8; -} -.blog-title p { - margin: 16px 0 15px; - color: #646464; - font-size: 16px; - line-height: 28px; -} -.blog-button a { - color: #5a49f8; - display: inline-block; - position: relative; - font-weight: 500; - transition: .5s; - text-transform: capitalize; - font-size: 16px!important; -} -.blog-button a i { - display: inline-block; - transition: .5s; - font-weight: 900; -} -.blog-button a:hover i{ - margin-left: 12px; -} -.blog-button a::before { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: 85px; - background: #8277f9; - height: 2px; - transition: .3s; -} -.top-btn { - position: absolute; - top: 20px; - left: 20px; -} -.top-btn a { - display: inline-block; - background: #5f4ff8; - padding: 0 16px; - line-height: 19px; - font-size: 10px; - text-transform: uppercase; - font-weight: 700; - color: #fff; - border-radius: 5px; -} -/* - -*/ -.sideber-search-box { - margin-bottom: 40px; - padding: 2px 30px 8px; - border-radius: 8px; - background: #fff; - border: 1px solid #e6e6e6; - box-shadow: 0 0 5px rgb(0 0 0 / 10%); -} -.sideber-box { - margin-bottom: 40px; - padding: 35px 30px 35px; - border-radius: 8px; - background: #fff; - border: 1px solid #e6e6e6; - box-shadow: 0 0 5px rgb(0 0 0 / 10%); -} -.bg-bar { - position: relative; - z-index: 1; -} -.bg-bar::before { - position: absolute; - left: 0; - bottom: 20px; - width: 88px; - height: 3px; - background: #aec6ef; - content: ""; -} -.bg-bar::after { - content: ''; - position: absolute; - left: 0; - bottom: 18px; - height: 8px; - width: 8px; - border-radius: 50%; - background: #5a49f8; - -webkit-animation-duration: 3s; - animation-duration: 3s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-name: MOVE-BG; - animation-name: MOVE-BG; -} -@-webkit-keyframes MOVE-BG { - from { - -webkit-transform: translateX(0); - transform: translateX(0); - } - to { - -webkit-transform: translateX(88px); - transform: translateX(88px); - } -} -.resent-post-single-box { - border-bottom: 1px solid #E8E8E8; - padding-bottom: 30px; - margin-bottom: 16px; -} -.blog-thub img { - width: 100%; -} -.resent-thunb img { - border-radius: 5px; - width: 28%; - float: left; - margin-right: 12px; - height: 70px; - padding: 28px 10px; -} -.resent-title a h3 { - color: #1d2124; - font-size: 16px; - line-height: 22px; - font-weight: 600; - margin-bottom: 0; -} -.resent-title a span { - color: #616161; -} -.resent-post-single-box.two { - border: none; - margin: 0; - padding: 0 0 20px; -} -.catagories-body ul li{ - list-style: none; - margin-bottom: 10px; - border-bottom: 1px solid #E8E8E8; - transition: .5s; - padding-bottom: 10px; -} -.catagories-body ul li a { - color: #616161; - font-size: 16px; - font-family: 'Poppins', sans-serif; - transition: .5s; -} -.catagories-body ul li a:hover { - color: #5A49F8; -} -.sidebar-search { - margin-bottom: 30px; -} -.form-control { - top: 31px; - display: block; - width: 100%; - height: calc(1.5em + .75rem + 2px); - padding: 28px 10px; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #949494; - border-radius: .25rem; - transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; - position: relative; -} -.sideber-search-box button a { - position: absolute; - right: 60px; - top: 50px; - display: inline-block; - color: #616161; - font-size: 18px; -} -.paginationss-title { - padding-top: 40px; - text-align: left; - border-top: 1px solid #e6e6e6; - margin-top: 0; - width: 90%; - position: relative; - left: 31px; - margin-bottom: 30px; -} -.paginationss-title ul { - display: inline-block; -} -.paginationss-title ul li { - list-style: none; - display: inline-block; - margin-right: 10px; -} -.paginationss-title ul li a i { - border: 1px solid #e6e6e6; - color: #565872; - display: inline-block; - font-size: 15px; - height: 40px; - line-height: 41px; - margin: 0 0 0 0; - text-align: center; - width: 40px; - border-radius: 5px; -} -.paginationss-title ul li a i:hover { - background: #5F4FF8; - border-color: #5F4FF8; - color: #fff; -} -.contact-title h3 { - font-size: 24px; - font-weight: 600; - text-transform: capitalize; - margin-bottom: 35px; - color: #1d2124; - font-family: 'Poppins', sans-serif; - position: relative; -} -.sideber-title h3 { - color: #232323; - display: block; - font-size: 21px; - margin-bottom: 28px; - padding-bottom: 0; - position: relative; - text-transform: capitalize; -} - .form_box { - margin-bottom: 15px; -} -.form_box input { - width: 100%; - height: 43px; - padding-left: 20px; - background: #fff; - border-radius: 3px; - transition: .5s; - border: 2px solid #EEECFE; - border-radius: 6px; - color: #6d6d6d; -} -.form_box textarea { - width: 100%; - padding-left: 20px; - padding-top: 15px; - border: 1px solid #EEECFE; - height: 150px; - outline: 0; - transition: .5s; - background: #fff; - margin-top: 7px; -} - .form_box input:focus{ - box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); - border-color: #80bdff; - outline: 0; -} - .form_box textarea:focus{ - box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); - border-color: #80bdff; -} - input::placeholder { - color: #94A9A8; -} - textarea#massage::placeholder { - color: #94A9A8; -} -.form-button { - text-align: left; - margin-top: -20px; -} -.form-button button { - display: inline-block; - color: #fff; - font-weight: 400; - padding: 5px 10px; - text-transform: capitalize; - transition: 0.5s; - font-size: 15px; - position: relative; - z-index: 1; - border-radius: 5px; - overflow: hidden; - margin-top: 5px; - background: linear-gradient(to right,#533dfd,#730fd5); - border: none; - margin-right: 15px; -} -.form-button button i { - display: inline-block; - position: relative; - left: 8px; - font-weight: 600; -} -.form-button button:hover { - color: #fff; - background: linear-gradient(to left, #533efe, #740fd6); -} -/* - -*/ -.pricing-area { - background: #F7F6FE; - padding: 80px 0 80px 0; -} -.single-pricing-box { - padding: 33px 35px 40px; - position: relative; - z-index: 1; - text-align: center; - border: 1px solid #e6e6e6; - border-radius: 8px; - background: #fff; - transition: .5s; - margin-bottom: 30px; -} -.pricing-title h3 { - font-size: 18px; - color: #1d2124; - text-transform: capitalize; - padding-bottom: 5px; - font-weight: 400; - margin: 0; -} -.pricing-title h2 { - font-size: 65px; - font-weight: 400; - text-align: center; - color: #5a49f8; - margin: 0; -} -.pricing-title h2 span.dolar { - font-size: 18px; - position: relative; - left: 15px; -} -.pricing-title h2 span.Month { - font-size: 18px; - position: relative; - left: -12px; -} -.pricing-text { - margin-top: 24px; - border-top: 1px solid #e9ebeb; -} -.pricing-text ul{ - display: block; - padding: 25px 0 0; -} -.pricing-text ul li{ - display: block; - font-size: 17px; - padding: 8px 0; -} -.pricing-button { - margin-top: 21px; -} -.pricing-button a { - display: inline-block; - font-size: 18px; - font-weight: 600; - padding: 10px 33px; - position: relative; - text-transform: capitalize; - color: #5a49f8; - border: 1px solid #5a49f8; - border-radius: 5px; - transition: .5s; -} -.single-pricing-box.upper { - border: 1px solid #5A49F8; -} -.single-pricing-box.upper .pricing-text { - border-top: 1px solid #5A49F8; -} -.single-pricing-box.upper .pricing-button a { - background: linear-gradient(to right, #533efe, #740fd6); - color: #fff; -} - - -/*pricing-area hover*/ -.single-pricing-box:hover { - border: 1px solid #6757F9; -} -.single-pricing-box:hover .pricing-text { - border-top: 1px solid #5A49F8; -} -.single-pricing-box:hover .pricing-button a { - background: linear-gradient(to right, #533efe, #740fd6); - color: #fff; -} -.single-pricing-box .pricing-button a:hover { - background: linear-gradient(to left, #533efe, #740fd6); - color: #fff; -} - - - - - - - -/* - -*/ -.footer-area { - padding: 0 0px 0 0px; - background: #010D27; -} -.subscrib h2 { - color: #1D2124; - font-family: "Poppins", Sans-serif; - font-size: 27px; - font-weight: 600; - line-height: 34px; -} -.footer-area .form_box input::placeholder { - color: #1d2124!important; -} -.footer-area .form_box { - float: left; -} -.footer-area .form-icon { - position: relative; - top: 8px; - right: 3px; -} -.footer-area .form-icon i { - color: #fff; - display: inline-block; - background: #0166FF; - padding: 18px 25px; - border-radius: 0 5px 5px 0; -} -.footer-area .form_box input { - font-size: 16px; - height: 52px; - padding: 5px 20px; - width: 100%; - background: #EEECFE; - margin: auto; - border: 0; - border-radius: 5px; - text-transform: capitalize; - position: relative; - top: 8px; - font-weight: 600; - z-index: 1; -} -.footer-area .form_box input::placeholder { - color: #7A8281; -} -.footer-area .form-button { - padding-left: 16px; -} -.footer-area .form-button button { - background: #0066ff; - color: #fff; - font-weight: 600; - font-size: 16px; - height: 52px; - padding: 0 30px; - margin: 17px 0 0; - border-radius: 5px; - text-transform: capitalize; - border: 1px solid #0066ff; - position: absolute; - right: 10px; - top: -10px; - transition: .5s; -} -.footer-area .form-button button i { - display: inline-block; - margin-left: 5px; -} -.footer-area .form-button button:hover{ - background: #740FD6; - border: 1px solid #740FD6; -} -.row.pad { - border-style: solid; - border-width: 0px 0px 1px 0px; - border-color: #FFFFFF33; - padding: 80px 0px 60px 0px; -} -.row.pad .footers-texts { - margin-bottom: 45px; -} -.row.pad .footers-texts p { - font-size: 16px; - color: #fff; - margin-bottom: 7px; -} -.row.pad .footer-titles h3 { - font-size: 18px; - color: #fff; - font-weight: 600; - font-family: 'Poppins', sans-serif; - margin-bottom: 17px; -} -.row.pad .footerse-thumbs { - float: left; - margin-right: 10px; -} -.footer-text p { - font-size: 16px; - line-height: 28px; - text-align: left; - color: #FFFFFFB3; - margin: 25px 0; -} -.footer-icon ul { - margin-top: 35px; -} -.footer-icon ul li { - list-style: none; - display: inline-block; - margin-right: 7px; -} -.footer-icon ul li a { - display: inline-block; - color: #fff; - transition: .5s; - background: #384155; - height: 45px; - width: 45px; - line-height: 45px; - text-align: center; - font-size: 15px; - border-radius: 5px; -} -.footer-icon ul li a:hover { - color: #fff; - background: #533DFD; -} -.footer-title h5 { - font-size: 22px; - color: #fff; - margin-bottom: 40px; - font-weight: 600; -} -.footers-titles h5 { - font-size: 22px; - color: #fff; - margin-bottom: 15px; - font-weight: 600; -} -.footers-icon ul li { - list-style: none; - margin-top: 10px; -} -.footers-icon ul li a { - display: inline-block; - color: #FFFFFFB3; - font-size: 16px; - transition: .5s; - font-family: 'Poppins', sans-serif; -} -.footers-icon ul li a:hover{ - color: #533DFD; -} -.footers-icon ul li a i { - display: inline-block; - margin-right: 8px; - font-size: 14px; -} -.social-icon ul li { - list-style: none; -} -.social-icon ul li i { - color: #fff; - float: left; - font-size: 25px; - display: inline-block; - text-align: center; - width: 55px; - line-height: 55px; - height: 55px; - box-shadow: 0 0 6px rgb(0 0 0 / 25%); - border-radius: 50%; - margin-right: 15px; -} -.footer_icons ul { - display: inline-block; -} -.footer_icons ul li { - display: inline-block; - margin-top: 17px; -} -.footer_icons ul li i { - color: #6428EC; - font-size: 12px; - background: #fff; - height: 20px; - width: 20px; - line-height: 20px; - text-align: center; - border-radius: 50%; - margin-right: 10px; -} -.footer_icons ul li span { - font-size: 16px; - color: #fff; -} -.social-tex { - padding-bottom: 5px; -} -.social-tex span { - display: block; - font-weight: 600; - color: #fff; - font-size: 18px; - font-family: "Poppins", sans-serif; -} -.social-tex p { - font-size: 16px; - color: #fff; - font-weight: 400; -} -.copy-right-area { - padding: 100px 0px 20px 0px; - color: white; -} -.copy-left { - text-align: center; -} -.copy-right-area span { - font-size: 16px; - font-weight: 400; - text-transform: capitalize; - color: #000000; -} -.right_box { - margin-bottom: 20px; -} -.footers-icons { - float: left; - margin-top: 3px; -} -.footers-icons i { - display: inline-block; - color: #FFFFFF; - background: #35B9FD; - border-radius: 50px 50px 50px 50px; - height: 48px; - width: 48px; - font-size: 20px; - line-height: 48px; - text-align: center; - margin-right: 22px; - cursor: pointer; -} -.footer-title h2 { - color: #FFFFFFD4; - margin: 0px 0px 6px 0px; - font-size: 18px; - font-weight: 600; - margin-bottom: 5px; -} -.footer-title p { - color: #FFFFFF; - font-size: 18px; - font-weight: 400; - margin-bottom: 0; -} - - - - -/* bounce-animate */ -.bounce-animate { - animation-name: float-bob; - animation-duration: 2s; - animation-iteration-count: infinite; - animation-timing-function: linear; - -moz-animation-name: float-bob; - -moz-animation-duration: 2s; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; - -ms-animation-name: float-bob; - -ms-animation-duration: 2s; - -ms-animation-iteration-count: infinite; - -ms-animation-timing-function: linear; - -o-animation-name: float-bob; - -o-animation-duration: 2s; - -o-animation-iteration-count: infinite; - -o-animation-timing-function: linear; } -.bounce-animate2 { - animation-name: float-bob2; - animation-duration: 3s; - animation-iteration-count: infinite; - animation-timing-function: linear; - -moz-animation-name: float-bob2; - -moz-animation-duration: 3s; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; - -ms-animation-name: float-bob2; - -ms-animation-duration: 3s; - -ms-animation-iteration-count: infinite; - -ms-animation-timing-function: linear; - -o-animation-name: float-bob2; - -o-animation-duration: 3s; - -o-animation-iteration-count: infinite; - -o-animation-timing-function: linear; } -.bounce-animate3 { - animation-name: float-bob3; - animation-duration: 4s; - animation-iteration-count: infinite; - animation-timing-function: linear; - -moz-animation-name: float-bob3; - -moz-animation-duration: 4s; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; - -ms-animation-name: float-bob3; - -ms-animation-duration: 4s; - -ms-animation-iteration-count: infinite; - -ms-animation-timing-function: linear; - -o-animation-name: float-bob3; - -o-animation-duration: 4s; - -o-animation-iteration-count: infinite; - -o-animation-timing-function: linear; } -.bounce-animate4 { - animation-name: float-bob4; - animation-duration: 5s; - animation-iteration-count: infinite; - animation-timing-function: linear; - -moz-animation-name: float-bob4; - -moz-animation-duration: 5s; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; - -ms-animation-name: float-bob4; - -ms-animation-duration: 5s; - -ms-animation-iteration-count: infinite; - -ms-animation-timing-function: linear; - -o-animation-name: float-bob4; - -o-animation-duration: 5s; - -o-animation-iteration-count: infinite; - -o-animation-timing-function: linear; } - .bounce-animate5 { - animation-name: float-bob5; - animation-duration: 6s; - animation-iteration-count: infinite; - animation-timing-function: linear; - -moz-animation-name: float-bob5; - -moz-animation-duration: 6s; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; - -ms-animation-name: float-bob5; - -ms-animation-duration: 6s; - -ms-animation-iteration-count: infinite; - -ms-animation-timing-function: linear; - -o-animation-name: float-bob5; - -o-animation-duration: 6s; - -o-animation-iteration-count: infinite; - -o-animation-timing-function: linear; } -@-webkit-keyframes float-bob { - 0% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); } - 50% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); } - 100% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); } } -@-webkit-keyframes float-bob2 { - 0% { - -webkit-transform: translateY(-60px); - transform: translateY(-60px); } - 50% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); } - 100% { - -webkit-transform: translateY(-60px); - transform: translateY(-60px); } } -@-webkit-keyframes float-bob3 { - 0% { - -webkit-transform: translateY(-40px); - transform: translateY(-40px); } - 50% { - -webkit-transform: translateY(-25px); - transform: translateY(-25px); } - 100% { - -webkit-transform: translateY(-40px); - transform: translateY(-40px); } } -@-webkit-keyframes float-bob4 { - 0% { - -webkit-transform: translateY(-70px); - transform: translateY(-70px); } - 50% { - -webkit-transform: translateY(-35px); - transform: translateY(-35px); } - 100% { - -webkit-transform: translateY(-70px); - transform: translateY(-70px); } } -@-webkit-keyframes float-bob5 { - 0% { - -webkit-transform: translateY(-75px); - transform: translateY(-75px); } - 50% { - -webkit-transform: translateY(-35px); - transform: translateY(-35px); } - 100% { - -webkit-transform: translateY(-75px); - transform: translateY(-75px); } } -@-webkit-keyframes movebounce { - 0% { - -webkit-transform: translateY(0px); - transform: translateY(0px); - } - 50% { - -webkit-transform: translateY(20px); - transform: translateY(20px); - } - 100% { - -webkit-transform: translateY(0px); - transform: translateY(0px); - } -} -/* bounce-animate */ -@-webkit-keyframes movebounce { - 0% { - -webkit-transform: translateY(0px); - transform: translateY(0px); - } - 50% { - -webkit-transform: translateY(20px); - transform: translateY(20px); - } - 100% { - -webkit-transform: translateY(0px); - transform: translateY(0px); - } -} - -@keyframes movebounce { - 0% { - -webkit-transform: translateY(0px); - transform: translateY(0px); - } - 50% { - -webkit-transform: translateY(20px); - transform: translateY(20px); - } - 100% { - -webkit-transform: translateY(0px); - transform: translateY(0px); - } -} - -@-webkit-keyframes moveleftbounce { - 0% { - -webkit-transform: translateX(0px); - transform: translateX(0px); - } - 50% { - -webkit-transform: translateX(20px); - transform: translateX(20px); - } - 100% { - -webkit-transform: translateX(0px); - transform: translateX(0px); - } -} - -@keyframes moveleftbounce { - 0% { - -webkit-transform: translateX(0px); - transform: translateX(0px); - } - 50% { - -webkit-transform: translateX(20px); - transform: translateX(20px); - } - 100% { - -webkit-transform: translateX(0px); - transform: translateX(0px); - } -} -/* rotateme*/ -.rotateme { - -webkit-animation-name: rotateme; - animation-name: rotateme; - -webkit-animation-duration: 20s; - animation-duration: 20s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; -} - -@keyframes rotateme { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@-webkit-keyframes rotateme { - from { - -webkit-transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - } -} - -@-webkit-keyframes rotate3d { - 0% { - -webkit-transform: rotateY(0deg); - transform: rotateY(0deg); - } - 100% { - -webkit-transform: rotateY(360deg); - transform: rotateY(360deg); - } -} -/*** -==================================================================== - Search Popup -==================================================================== -***/ - -.search-popup{ - position: fixed; - left: 0; - top: 0; - height: 100vh; - width: 100%; - z-index: 99999; - margin-top: -540px; - transform: translateY(-100%); - background-color: rgba(0,0,0,0.90); - -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ - -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ -} - -.search-popup{ - width: 100%; -} -.search-active .search-popup{ - transform: translateY(0%); - margin-top: 0; -} -.search-box-btn.search-box-outer { - display: inline-block; - position: absolute; - right: -20px; - top: 35px; -} -.search-box-btn.search-box-outer i { - display: inline-block; - text-align: center; - font-size: 18px; - cursor: pointer; - color: #fff; - margin-top: 0px; -} -.sticky-nav .search-box-btn.search-box-outer i { - color: #fff; - position: relative; - left: 40px; -} -.search-popup .close-search { - position: absolute; - left: 0; - right: 0; - top: 75%; - margin: 0 auto; - margin-top: -200px; - border-radius: 50%; - text-align: center; - background-color: #5A49F8; - width: 70px; - cursor: pointer; - box-shadow: 0 0 10px rgba(0,0,0,0.05); - border-bottom: 3px solid #ffffff; - -webkit-transition: all 500ms ease; - -moz-transition: all 500ms ease; - -ms-transition: all 500ms ease; - -o-transition: all 500ms ease; - transition: all 500ms ease; - opacity: 0; - visibility: hidden; - height: 70px; - line-height: 70px; - text-align: center; -} - -.search-popup .close-search i { - position: relative; - height: 70px; - width: 70px; - font-size: 30px; - line-height: 70px; - color: #fff; - display: inline; - text-align: center; -} - -.search-active .search-popup .close-search{ - visibility: visible; - opacity: 1; - top: 50%; - -webkit-transition-delay: 1500ms; - -moz-transition-delay: 1500ms; - -ms-transition-delay: 1500ms; - -o-transition-delay: 1500ms; - transition-delay: 1500ms; -} - -.search-popup form{ - position: absolute; - max-width: 700px; - top: 50%; - left: 15px; - right: 15px; - margin:-35px auto 0; - transform: scaleX(0); - transform-origin: center; - background-color: #111111; - -webkit-transition: all 300ms ease; - -moz-transition: all 300ms ease; - -ms-transition: all 300ms ease; - -o-transition: all 300ms ease; - transition: all 300ms ease; -} - -.search-active .search-popup form{ - transform: scaleX(1); - -webkit-transition-delay: 1200ms; - -moz-transition-delay: 1200ms; - -ms-transition-delay: 1200ms; - -o-transition-delay: 1200ms; - transition-delay: 1200ms; -} - -.search-popup .form-group{ - position:relative; - margin:0px; - overflow: hidden; -} -.search-popup .close-search.style-two{ - position: absolute; - right: 25px; - left: auto; - color:#ffffff; - width:auto; - height:auto; - top:25px; - margin:0px; - border:none; - background:none !important; - box-shadow:none !important; - -webkit-transition:all 500ms ease; - -moz-transition:all 500ms ease; - -ms-transition:all 500ms ease; - -o-transition:all 500ms ease; - transition:all 500ms ease; -} - -.search-popup .close-search.style-two i { - font-size: 20px; - color: #fff; -} -.search-popup .form-group input[type="text"], -.search-popup .form-group input[type="search"]{ - position:relative; - display:block; - font-size:18px; - line-height: 50px; - color:#000000; - height:70px; - width:100%; - padding: 10px 30px; - background-color: #ffffff; - -webkit-transition:all 500ms ease; - -moz-transition:all 500ms ease; - -ms-transition:all 500ms ease; - -o-transition:all 500ms ease; - transition:all 500ms ease; - font-weight:500; - text-transform:capitalize; -} -.search-popup .form-group input[type="submit"], .search-popup .form-group button { - position: absolute; - right: 30px; - top: 0px; - height: 70px; - line-height: 70px; - background: transparent; - text-align: center; - font-size: 24px; - color: #000000; - padding: 0; - cursor: pointer; - -webkit-transition: all 500ms ease; - -moz-transition: all 500ms ease; - -ms-transition: all 500ms ease; - -o-transition: all 500ms ease; - transition: all 500ms ease; - border: none; -} - -.search-popup .form-group input[type="submit"]:hover, -.search-popup .form-group button:hover{ - color: #000000; -} - -.search-popup input::placeholder, -.search-popup textarea::placeholder{ - color:#000000; -} - -/*===========================scroll strat=========================== - ===========================************=========================== */ -.scroll-area { - position: relative; - z-index: 999; -} -.scroll-area .go-top { - position: fixed; - cursor: pointer; - top: 0; - right: 30px; - color: #ffffff; - background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%); - background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%); - background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%); - z-index: 9999; - width: 45px; - text-align: center; - height: 45px; - line-height: 42px; - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.9s ease-out 0s; - -moz-transition: all 0.9s ease-out 0s; - -ms-transition: all 0.9s ease-out 0s; - -o-transition: all 0.9s ease-out 0s; - transition: all 0.9s ease-out 0s; - border-radius: 10px; -} -.scroll-area .go-top i { - position: absolute; - top: 50%; - left: -4px; - right: 0; - margin: 0 auto; - font-size: 15px; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.5s ease-out 0s; - -moz-transition: all 0.5s ease-out 0s; - -ms-transition: all 0.5s ease-out 0s; - -o-transition: all 0.5s ease-out 0s; - transition: all 0.5s ease-out 0s; -} -.scroll-area .go-top i:last-child { - opacity: 0; - visibility: hidden; - top: 60%; -} -.scroll-area .go-top::before { - content: ""; - position: absolute; - z-index: 0; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); - display: block; - width: 130px; - height: 130px; - border-radius: 50%; - animation: zoomBig 3.25s linear infinite; - -webkit-animation-delay: 0.75s; - animation-delay: 0.75s; -} -.scroll-area .go-top:focus, .scroll-area .go-top:hover { - color: #fff; -} -.scroll-area .go-top:focus::before, .scroll-area .go-top:hover::before { - opacity: 1; - visibility: visible; -} -.scroll-area .go-top:focus i:first-child, .scroll-area .go-top:hover i:first-child { - opacity: 0; - top: 0; - visibility: hidden; -} -.scroll-area .go-top:focus i:last-child, .scroll-area .go-top:hover i:last-child { - opacity: 1; - visibility: visible; - top: 50%; -} -.scroll-area .go-top.active { - top: 95%; - -webkit-transform: translateY(-98%); - -moz-transform: translateY(-98%); - -ms-transform: translateY(-98%); - -o-transform: translateY(-98%); - transform: translateY(-98%); - opacity: 1; - visibility: visible; - border-radius: 0; - right: 50px; - border-radius: 100%; -} -.top-wrap { - position: relative; -} -.top-wrap .go-top-button { - display: inline-block; - width: 60px; - height: 59px; - line-height: 60px; - text-align: center; - color: #fff; - top: 3px; - z-index: 1; - background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%); - background: #5A49F8; - background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%); -} -.top-wrap .go-top-button i { - font-size: 20px; - font-weight: 700; - padding-left: 4px; - color: #fff; -} -.top-wrap .go-top-button::after { - content: ""; - position: absolute; - z-index: 0; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); - display: block; - width: 130px; - height: 130px; - border-radius: 50%; - animation: zoomBig 3.25s linear infinite; - -webkit-animation-delay: 0s; - animation-delay: 0s; -} -@keyframes zoomBig { - 0% { - transform: translate(-50%, -50%) scale(0.5); - opacity: 1; - border-width: 3px; - } - 40% { - opacity: 0.5; - border-width: 2px; - } - 65% { - border-width: 1px; - } - 100% { - transform: translate(-50%, -50%) scale(1); - opacity: 0; - border-width: 1px; - } -} -/* - -*/ -.sticky-nav { - left: 0; - margin: auto; - top: 0; - width: 100%; - position: fixed !important; - box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07); - -webkit-animation: 300ms running fadeInDown; - animation: 500ms running fadeInUp; - -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); - transition: 0.5s !important; - background: #fff!important; - z-index: 9999 !important; - animation-name: slideInDown; - padding: 0 400px 7px; -} -.search-box-btn.search-box-outer { - display: none; -} -.sticky-nav li.icon { - color: #fff; -} -.sticky-nav.nav-menu { - display: flex; - justify-content: space-between; - align-items: center; -} -.sticky-nav .heder-menu { - display: inline-block; - position: relative; - left: 10%; -} -a.main_sticky { - display: none; -} - -.sticky-nav .header-menu ul li a{ - color: #fff!important; -} -.sticky-nav a.main_sticky { - display: inline-block !important; -} -.sticky-nav .header-logo a { - display: none; -} -.sticky-nav ul.sub-menu li a { - display: inline-block; - margin: 6px 0px 6px 21px; - color: #6e7673 !important; - transition: .5s; -} -.sticky-nav .header-con i { - color: #fff; -} -.header-menu ul .sub-menu li { - display: block; - margin-right: 0; - transition: .5s; -} - ul.sub-menu li:hover{ - background: #87C03D; -} - ul.sub-menu li a:hover{ - color: #fff !important; -} -.sticky-nav ul.sub-menu li:hover{ - background: #87C03D; -} -.sticky-nav ul.sub-menu li a:hover{ - color: #fff !important; -} - - -/*** -==================================================================== - Search Popup -==================================================================== -***/ -.search-popup{ - position: fixed; - left: 0; - top: 0; - height: 100vh; - width: 100%; - z-index: 99999; - margin-top: -540px; - transform: translateY(-100%); - background-color: rgba(0,0,0,0.90); - -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ - -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ -} - -.search-popup{ - width: 100%; -} -.search-active .search-popup{ - transform: translateY(0%); - margin-top: 0; -} -.search-box-btn.search-box-outer { - display: inline-block; - position: absolute; - right: -18%; - top: 33px; -} -.search-box-btn.search-box-outer i { - display: inline-block; - text-align: center; - font-size: 15px; - cursor: pointer; - color: #2c2c51; - margin-top: 0px; -} -.sticky-nav .search-box-btn.search-box-outer { - display: inline-block; - position: absolute; - right: -50px; - top: 33px; -} -.sticky-nav .search-box-btn.search-box-outer i { - color: #fff; - position: relative; - left: 40px; -} -.search-popup .close-search { - position: absolute; - left: 0; - right: 0; - top: 75%; - margin: 0 auto; - margin-top: -200px; - border-radius: 50%; - text-align: center; - background-color: #5A49F8; - width: 70px; - cursor: pointer; - box-shadow: 0 0 10px rgba(0,0,0,0.05); - border-bottom: 3px solid #ffffff; - -webkit-transition: all 500ms ease; - -moz-transition: all 500ms ease; - -ms-transition: all 500ms ease; - -o-transition: all 500ms ease; - transition: all 500ms ease; - opacity: 0; - visibility: hidden; - height: 70px; - line-height: 70px; - text-align: center; -} -.search-popup .close-search i { - position: relative; - height: 70px; - width: 70px; - font-size: 30px; - line-height: 70px; - color: #fff; - display: inline; - text-align: center; -} - -.search-active .search-popup .close-search{ - visibility: visible; - opacity: 1; - top: 50%; - -webkit-transition-delay: 1500ms; - -moz-transition-delay: 1500ms; - -ms-transition-delay: 1500ms; - -o-transition-delay: 1500ms; - transition-delay: 1500ms; -} - -.search-popup form{ - position: absolute; - max-width: 700px; - top: 50%; - left: 15px; - right: 15px; - margin:-35px auto 0; - transform: scaleX(0); - transform-origin: center; - background-color: #111111; - -webkit-transition: all 300ms ease; - -moz-transition: all 300ms ease; - -ms-transition: all 300ms ease; - -o-transition: all 300ms ease; - transition: all 300ms ease; -} - -.search-active .search-popup form{ - transform: scaleX(1); - -webkit-transition-delay: 1200ms; - -moz-transition-delay: 1200ms; - -ms-transition-delay: 1200ms; - -o-transition-delay: 1200ms; - transition-delay: 1200ms; -} - -.search-popup .form-group{ - position:relative; - margin:0px; - overflow: hidden; -} -.search-popup .close-search.style-two{ - position: absolute; - right: 25px; - left: auto; - color:#ffffff; - width:auto; - height:auto; - top:25px; - margin:0px; - border:none; - background:none !important; - box-shadow:none !important; - -webkit-transition:all 500ms ease; - -moz-transition:all 500ms ease; - -ms-transition:all 500ms ease; - -o-transition:all 500ms ease; - transition:all 500ms ease; -} - -.search-popup .close-search.style-two i { - font-size: 20px; - color: #fff; -} -.search-popup .form-group input[type="text"], -.search-popup .form-group input[type="search"]{ - position:relative; - display:block; - font-size:18px; - line-height: 50px; - color:#000000; - height:70px; - width:100%; - padding: 10px 30px; - background-color: #ffffff; - -webkit-transition:all 500ms ease; - -moz-transition:all 500ms ease; - -ms-transition:all 500ms ease; - -o-transition:all 500ms ease; - transition:all 500ms ease; - font-weight:500; - text-transform:capitalize; -} -.search-popup .form-group input[type="submit"], .search-popup .form-group button { - position: absolute; - right: 30px; - top: 0px; - height: 70px; - line-height: 70px; - background: transparent; - text-align: center; - font-size: 24px; - color: #000000; - padding: 0; - cursor: pointer; - -webkit-transition: all 500ms ease; - -moz-transition: all 500ms ease; - -ms-transition: all 500ms ease; - -o-transition: all 500ms ease; - transition: all 500ms ease; - border: none; -} - -.search-popup .form-group input[type="submit"]:hover, -.search-popup .form-group button:hover{ - color: #000000; -} - -.search-popup input::placeholder, -.search-popup textarea::placeholder{ - color:#000000; -} - -/*Loader*/ - -.loader-wrapper { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - width: 100%; - height: 100%; - transition: 0.8s 1s ease; - z-index: 666; -} -.loader { - position: relative; - display: block; - z-index: 201; - top: 50%; - left: 50%; - width: 100px; - height: 100px; - margin: -50px 0 0 -50px; - border-radius: 50%; - transition: all 1s 1s ease; - border: 3px solid transparent; - border-top-color: #9A241C; - -webkit-animation: spin 1.5s linear infinite; - -moz-animation: spin 1.5s linear infinite; - -o-animation: spin 1.5s linear infinite; - animation: spin 1.5s linear infinite; -} -.loader:before { - position: absolute; - content: ''; - top: 6px; - left: 6px; - right: 6px; - bottom: 6px; - border-radius: 50%; - border: 3px solid transparent; - border-left-color: #FF3C00; - -webkit-animation: spin 2s linear infinite; - -moz-animation: spin 2s linear infinite; - -o-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; -} -.loader:after { - position: absolute; - content: ''; - top: 15px; - left: 15px; - right: 15px; - bottom: 15px; - border-radius: 50%; - border: 3px solid transparent; - border-right-color: #fff; - -webkit-animation: spin 2.5s linear infinite; - -moz-animation: spin 2.5s linear infinite; - -o-animation: spin 2.5s linear infinite; - animation: spin 2.5s linear infinite; -} -/* Here comes the Magic */ - -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@-moz-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -.loader-wrapper .loder-section { - position: fixed; - top: 0; - width: 55%; - height: 100%; - background: #111; - z-index: 2; -} -.loader-wrapper .loder-section.left-section { - left: 0; - transition: 1s 1.4s ease; -} -.loader-wrapper .loder-section.right-section { - right: 0; - transition: 1s 1.4s ease; -} - -/* When page loaded */ -.loaded .loder-section.left-section { - left: -100%; -} -.loaded .loder-section.right-section { - right: -100%; -} -.loaded .loader-wrapper { - visibility: hidden; -} -.loaded .loader { - top: -100%; - opacity: 0; -} - - -/* New Add CSS Class */ - - -/* toggle switch */ - -.switch { - position: relative; - display: inline-block; - width: 45px; - height: 20px; - } - - .switch input { - opacity: 0; - width: 0; - height: 0; - } - - .slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - -webkit-transition: .4s; - transition: .4s; - } - - .slider:before { - position: absolute; - content: ""; - height: 17px; - width: 17px; - left: 1px; - bottom: 2px; - background-color: white; - -webkit-transition: .4s; - transition: .4s; - } - - input:checked + .slider { - background-color: #740fd6; - } - - input:focus + .slider { - box-shadow: 0 0 1px #740fd6; - } - - input:checked + .slider:before { - -webkit-transform: translateX(26px); - -ms-transform: translateX(26px); - transform: translateX(26px); - } - - /* Rounded sliders */ - .slider.round { - border-radius: 34px; - } - - .slider.round:before { - border-radius: 50%; - } - .items{ - text-align: right; - width: 100%; - } - - - .choice input[type=radio] { - width: 20px; - height: 30px; - padding-left: 20px; - background: #fff; - border-radius: 3px; - transition: .5s; - border: 1px solid #EEECFE; -} - .choice input{ - width: 100%; - height: 45px; - padding-left: 20px; - background: #fff; - border-radius: 3px; - transition: .5s; - border: 1px solid #EEECFE; -} - .choice { - padding-left: 40px; - padding-bottom: 15px; -} - -.question-papper-title{ - width: 100%; - position: relative; - padding: 25px 25px 25px 25px!important; - margin-left: 45px; - margin-right: 45px; - margin-top: 50px; - background-color: rgb(245, 245, 245); - color: #740fd6; - border-radius: 5px; -} - -.question-pallete{ - width: 100%; - position: relative; - margin-left: 45px; - margin-right: 45px; - margin-top: 20px; - margin-bottom: 45px; -} - -.question-pallete .section{ - padding: 50px 0px 25px 0px!important; - /* background: #fff; */ - margin-bottom:15px; - /* margin-top: -80px */ -} - -.question-pallete .groupsection{ - padding: 50px 0px 25px 0px!important; - /* background: #fff; */ - margin-bottom:15px; - margin-top: -80px -} - -.question{ - - background-color: rgb(245, 245, 245); - color: #740fd6; - padding: 25px 25px 25px 25px!important; - border-radius: 5px; - border-top: solid; - margin-bottom: -52px - -} - -.sectionTitle{ - margin-bottom:50px; -} - -.type1-switch{ - margin-left: 535px; - position: relative; -} -.type2-switch{ - margin-left: 500px; - position: relative; -} - -/* .addButton{ - margin-left: 18px; -} */ - -.collapsible { - cursor: pointer; -} -.content { - display: none; -} -.button-group { - padding-top: 30px; -} -.QuestionQroup{ - - padding: 0px 0px 0px 0px!important; - -} - -.richText { - width: 100%; - height: 43px; - padding-left: 20px; - background: #fff; - border-radius: 3px; - transition: .5s; - border-radius: 6px; -} -.richText:focus { - border-color: #007bff; - /* box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.5); */ -} -.ql-container .ql-snow{ - width: 100%; - height: 43px; - padding-left: 20px; - background: #fff; - border-radius: 3px; - transition: .5s; - border: 5px solid #EEECFE!important; - border-radius: 6px; -} - -.ql-toolbar.ql-snow{ - border-radius: 10px!important; -} - -.ql-editor{ - - font-size: 16px!important; - font-family: sans-serif!important; -} - -.aChangebtn { - display: inline-block; - font-size: 18px; - color: #2c2c51; - font-weight: 600; - text-transform: capitalize; - padding: 30px 10px 18px 10px; - transition: .5s; - position: relative; - font-family: 'Poppins', sans-serif; -} -.Changebtn:hover { - color: #5A49F8; -} - - -#addNewSection{ - position: relative; - } - #addNewSection .section-heading{ - font-size: 19px; - background: #740fd6; - padding: 12px; - position: absolute; - margin-top:15px; - border-radius: 10px 10px 10px 10px; - line-height: 18px; - color: #fff; - } - -.icons { - - color: #36B9FD; - -} -.icons:hover { - color: #5a34f6; -} -.xmlFileName{ - - margin-top: -39px; - margin-left: 55px; -} -.ML__content{ - - font-size: 16px!important; - color: #6d6d6d!important; -} - - - - - - - - - - - - - - - - - diff --git a/xml2json_old.js b/xml2json_old.js deleted file mode 100644 index fab59b8..0000000 --- a/xml2json_old.js +++ /dev/null @@ -1,157 +0,0 @@ - -function xml2json(xmlData) { -// console.clear(); -console.log('xml to json converstion'); -console.log(xmlData); - -function getAttributesOfXMLNode(node) -{ - // Get attributes of the node (if any) - attributes = {}; - if (node.attributes.length > 0) { - for (let i = 0; i < node.attributes.length; i++) { - const attribute = node.attributes[i]; - attributes[attribute.nodeName] = attribute.nodeValue; - } - } - - return attributes; -} - -function getQuestionsNodes(questionNode,type) -{ - // console.log(questionNode); - var questionObj = {}; - if(type == 1) - { - questionObj['question'] = questionNode.childNodes[0].firstChild.nodeValue; - questionObj['question_description'] = (questionNode.childNodes[1].firstChild !== null? questionNode.childNodes[1].firstChild.nodeValue : ""); - questionObj['question_type'] = 'text'; - questionObj['attributes'] = getAttributesOfXMLNode(questionNode); - questionObj['question_sub_type'] = 'false'; - questionObj['is_math_enabled'] = questionNode.childNodes[3].firstChild.nodeValue; - - } - else - { - questionObj['question'] = questionNode.childNodes[0].firstChild.nodeValue; - questionObj['question_description'] = (questionNode.childNodes[1].firstChild !== null? questionNode.childNodes[1].firstChild.nodeValue : ""); - questionObj['question_type'] = 'group'; - questionObj['attributes'] = getAttributesOfXMLNode(questionNode); - questionObj['question_sub_type'] = questionNode.childNodes[4].firstChild.nodeValue; - questionObj['is_math_enabled'] = questionNode.childNodes[3].firstChild.nodeValue; - questionObj['answers'] = []; - - var choiceList = questionNode.childNodes[5].childNodes; - - if(choiceList.length > 0) - { - for (let k = 0; k < choiceList.length ;k++) - { - var tempChoiceobj = {}; - tempChoiceobj['id'] = choiceList[k].childNodes[0].firstChild.nodeValue; - tempChoiceobj['choice_name'] = choiceList[k].childNodes[1].firstChild.nodeValue; - tempChoiceobj['choice_description'] = (choiceList[k].childNodes[2].firstChild !== null ? choiceList[k].childNodes[2].firstChild.nodeValue : ""); - // console.log(tempChoiceobj); - questionObj['answers'].push(tempChoiceobj); - - } - } - } - return questionObj; - -} - -function getQuestionGroupNodes(questionGroup) -{ - var questionGroupObj = {}; - - questionGroupObj['group_title'] = questionGroup.childNodes[0].firstChild.nodeValue; - questionGroupObj['group_description'] = (questionGroup.childNodes[1].firstChild !== null ? questionGroup.childNodes[1].firstChild.nodeValue : ""); - questionGroupObj['attributes'] = getAttributesOfXMLNode(questionGroup); - questionGroupObj['questions'] = []; - //handle questions - var questionList = questionGroup.childNodes[3].childNodes; - console.log('No of quetions in GQ:' + questionList.length); - for(let q = 0; q < questionList.length ;q++) - { - - var questionType = questionList[q].getAttribute("xsi:type"); - console.log(questionType); - if(questionType == 'DescriptiveQuestion') - { - questionGroupObj['questions'].push(getQuestionsNodes(questionList[q],1)); - } - else if(questionType == 'MultiChoiceQuestion') - { - questionGroupObj['questions'].push(getQuestionsNodes(questionList[q],2)); - } - - } - return questionGroupObj; -} - - - -//busi logic start -var xmlString = xmlData; -const parser = new DOMParser(); - -// Parse the XML string into an XML document -const xmlDoc = parser.parseFromString(xmlString, 'text/xml'); -const jsonObj = {}; - -jsonObj['question_paper_title'] = xmlDoc.getElementsByTagName("Title")[0].childNodes[0].nodeValue; -jsonObj['question_paper_description'] = xmlDoc.getElementsByTagName("Subtitle")[0].childNodes[0].nodeValue; -//get attributes of root/question paper element -jsonObj['attributes'] = getAttributesOfXMLNode(xmlDoc.documentElement); -jsonObj['sections'] = []; - - - sectionsList = xmlDoc.getElementsByTagName("Items")[0].childNodes; - console.log(sectionsList); - console.log('no of sections:'+sectionsList.length); - for (let i = 0; i < sectionsList.length ;i++) { - var tempObj = {}; - - console.log('Section :' + i + '-' + sectionsList[i].childNodes[0].firstChild.nodeValue); - tempObj['section_title'] = sectionsList[i].childNodes[0].firstChild.nodeValue; - tempObj['section_description'] = sectionsList[i].childNodes[1].firstChild.nodeValue; - tempObj['attributes'] = getAttributesOfXMLNode(sectionsList[i]); - tempObj['questions'] = []; - - //handle questions - var questionList = sectionsList[i].childNodes[3].childNodes; - console.log('No of quetions:' + questionList.length); - // console.log(questionList[2]); - for(let j = 0; j < questionList.length ;j++) - { - //check weather quesiotn or question grup - console.log('QUESTION :' + j ); - // console.log(questionList[j].getAttribute("xsi:type")); - var questionType = questionList[j].getAttribute("xsi:type"); - console.log(questionType); - if(questionType == 'DescriptiveQuestion') - { - tempObj['questions'].push(getQuestionsNodes(questionList[j],1)); - } - else if(questionType == 'MultiChoiceQuestion') - { - tempObj['questions'].push(getQuestionsNodes(questionList[j],2)); - } - else if(questionType == 'QuestionGroup') - { - tempObj['questions'].push(getQuestionGroupNodes(questionList[j])); - } - } - jsonObj['sections'].push(tempObj); -} - - var jsonData = JSON.stringify(jsonObj); - console.log('Xml to Json Conversion '); - console.log(jsonData); - console.log(jsonObj); - jsonToHtml(jsonObj); -} - -