@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}.table-responsive {padding: 0 0 20px 0 !important;}table {border-collapse: collapse;border-spacing: 0;}button{outline: none !important;-webkit-transition: all .3s ease-in-out !important;-o-transition: all .3s ease-in-out !important;transition: all .3s ease-in-out !important;cursor: pointer;}body {line-height: 1;-webkit-transition: all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition: all .3s ease-in-out;font-family: 'Jost', sans-serif;}input{font-weight: 400;position: relative;height: 50px;color: black !important;font-size: 12px !important;margin: 0 0 15px 0;padding: 0 25px !important;border-bottom: 2px solid #c3c3c5 !important;border-left: 0 !important;border-right: 0 !important;border-radius: 0px !important;border-top: 0 !important;}input::placeholder,textarea:placeholder {color: #cccccc !important;text-transform: capitalize !important;}textarea{color: black;resize: none;}.form-control:focus {box-shadow: none;}img {object-fit: cover;object-position: center;transition: all .3s ease;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none;}input[type=number] {-moz-appearance:textfield;}.my-60{margin: 60px 0;}p {font-size: 17px; font-weight: 400; margin-top: 35px;}body .gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {top: 17px !important;margin: 0;outline: none;left: 30px;}input#datepicker-1, input#datepicker-2, input#datepicker-3,input#timepicker-1, input#datepicker-4, input#datepicker-5, input#datepicker-6, input#datepicker-7, input#datepicker-8, input#datepicker-9, input#datepicker-10, input#datepicker-11, input#datepicker-12, input#datepicker-13, input#datepicker-14,input#datepicker-15,input#datepicker-16,input#datepicker-17,input#datepicker-18{padding: 4px 20px 0 50px;background: white !important;margin: 0 0 30px 0;}.dates .btn:not(:disabled):not(.disabled), .fc button:not(:disabled):not(.disabled) {position: absolute;border: 0;right: 0;top: 12px;}.gj-unselectable {margin: 0;z-index: 999999;}.gj-picker.gj-picker-bootstrap.timepicker button {background: #f7941e;border-radius: 100px;padding: 5px 20px;min-width: 60px;color: white;}.gj-picker.gj-picker-bootstrap.timepicker button:hover {background: #b96d12;}.gj-datepicker-bootstrap [role=right-icon] button {background: transparent !important;border: 0;top: -8px;margin: 0;right: 22px;}.gj-datepicker [role=right-icon] {position: absolute;right: 10px;top: 6px;}/*hover start here*/.boxer:hover img {-webkit-animation-name: hvr-hang-sink,hvr-hang;animation-name: hvr-hang-sink,hvr-hang;-webkit-animation-duration: .3s,1.5s;animation-duration: .3s,1.5s;-webkit-animation-delay: 0s,.3s;animation-delay: 0s,.3s;-webkit-animation-timing-function: ease-out,ease-in-out;animation-timing-function: ease-out,ease-in-out;-webkit-animation-iteration-count: 1,infinite;animation-iteration-count: 1,infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-direction: normal,alternate;animation-direction: normal,alternate;}select {font-weight: 500;text-transform: capitalize;-webkit-appearance: none;background: url(../images/ar.png) no-repeat 93% center;padding: 0 0 0 10px;line-height: 16px;}
/*
body::-webkit-scrollbar-track{border-radius: 4px;background-color: rgb(82 51 181);}
body::-webkit-scrollbar{width: 8px;background-color: rgb(84 68 190);border-radius: 4px;}
body::-webkit-scrollbar-thumb{border-radius: 4px; background-color: #dd50d2;}
*/
.gj-timepicker.gj-timepicker-bootstrap.gj-unselectable.input-group button {padding: 0;position: absolute;right: 10px;top: 8px;text-align: left;background: transparent;border: 0;}
body .profile-info .gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {top: 12px !important; color: #333;}.gj-modal .gj-picker-bootstrap {z-index: 22222 !important;}.gj-picker.gj-picker-bootstrap.datepicker {}.gj-picker.gj-picker-bootstrap.datepicker table {margin: 0 0 0 0 !important;}.gj-picker.gj-picker-bootstrap.datepicker table tr {box-shadow: none;}.gj-picker.gj-picker-bootstrap.datepicker table {border-spacing: 0 !important;}.gj-button, .gj-button-md, .gj-cursor-pointer {padding: 0 !important;}
.box:hover img, .boxx:hover img.exp-img {-webkit-animation-name: hvr-hang-sink,hvr-hang;animation-name: hvr-hang-sink,hvr-hang;-webkit-animation-duration: .3s,1.5s;animation-duration: .3s,1.5s;-webkit-animation-delay: 0s,.3s;animation-delay: 0s,.3s;-webkit-animation-timing-function: ease-out,ease-in-out;animation-timing-function: ease-out,ease-in-out;-webkit-animation-iteration-count: 1,infinite;animation-iteration-count: 1,infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-direction: normal,alternate;animation-direction: normal,alternate;}
/*hover end here*/
/*preloader start here*/
#loader{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 1000;display: flex;justify-content: center;align-items: center;background: #5233b5;}
@keyframes ldio-tuk6qurz8u {0% { transform: rotate(0deg) }100% { transform: rotate(360deg) }}
.ldio-tuk6qurz8u > div > div {transform-origin: 100px 100px;animation: ldio-tuk6qurz8u 3.0303030303030303s linear infinite;opacity: 0.8}
.ldio-tuk6qurz8u > div > div > div {position: absolute;left: 30px;top: 30px;width: 70px;height: 70px;border-radius: 70px 0 0 0;transform-origin: 100px 100px}
.ldio-tuk6qurz8u > div div:nth-child(1) {animation-duration: 0.7575757575757576s}
.ldio-tuk6qurz8u > div div:nth-child(1) > div {background: #c929bc;transform: rotate(0deg);}
.ldio-tuk6qurz8u > div div:nth-child(2) {animation-duration: 1.0101010101010102s}
.ldio-tuk6qurz8u > div div:nth-child(2) > div {background: #ff8d09;transform: rotate(0deg);}
.ldio-tuk6qurz8u > div div:nth-child(3) {animation-duration: 1.5151515151515151s}
.ldio-tuk6qurz8u > div div:nth-child(3) > div {background: #09c8bd;transform: rotate(0deg);}
.ldio-tuk6qurz8u > div div:nth-child(4) {animation-duration: 3.0303030303030303s}
.ldio-tuk6qurz8u > div div:nth-child(4) > div {background: #e41d06;transform: rotate(0deg);}
.loadingio-spinner-wedges-31k6dr12jpk {width: 200px;height: 200px;display: inline-block;overflow: hidden;}
.ldio-tuk6qurz8u {width: 100%;height: 100%;position: relative;transform: translateZ(0) scale(1);backface-visibility: hidden;transform-origin: 0 0;}
.ldio-tuk6qurz8u div { box-sizing: content-box; }
span.letter {text-transform: initial;letter-spacing: 0;}
/*preloader end here*/
/*
font-family: 'Jost', sans-serif;
*/
/*step form css end here*/
/*ttt*/
.p-100{padding: 100px 0;}
.p-80{padding: 80px 0;}
.p-60{padding: 60px 0;}
.p-70{padding: 70px 0;}
h1 {font-size: 90px;line-height: 90px;}
h2 {font-size: 60px;}
h3 {font-size: 45px;}
h4 {font-size: 20px;}
h5 {font-size: 22px;line-height: 25px;}
h6 {font-size: 18px;}
p {font-size: 18px;-webkit-transition: all .3s ease-in-out !important;-o-transition:all .3s ease-in-out !important;transition: all .3s ease-in-out !important;font-weight: 400;margin-top: 40px;line-height: 21px;color: #666666;}
a {font-size: 14px;font-weight: 400;display: inline-block;-webkit-transition: all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition: all .2s ease-in-out;text-decoration: none !important;}
.box{-webkit-transition: all .3s ease-in-out !important;-o-transition:all .3s ease-in-out !important;transition: all .3s ease-in-out !important;}
button{font-size: 16px;-webkit-transition: all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition: all .2s ease-in-out;text-decoration: none !important;}
.orange{color: #e61e06;}
.red{color: #f02b13;}
.red-btn {cursor: pointer;border: 0;background: #e91f07;padding: 20px;border-radius: 100px;color: white;margin: 30px 0 0 0;font-weight: 600;text-transform: capitalize;}
.red-btn:hover {color: white;/* background: #9E1500; */}
.red-btn img{margin: 0px 0 0 18px;}
/*step form css start here*/
/* Mark input boxes that gets an error on validation: */
#regForm input.invalid {background-color: #ffdddd;}
/* Hide all steps by default: */
#regForm .tab, #regForm-2 .tab {display: none;}
#regForm .pending-ad .detail button#prevBtn, #regForm-2 .pending-ad .detail button#prevBtn {padding: 10px 40px 10px 40px;margin: 40px 0 0 0 !important;height: auto;}
#regForm #prevBtn, #regForm-2 #prevBtn {background-color: #a40000;color: #ffffff;border: none;cursor: pointer;height: 50px;text-transform: uppercase;font-weight: 600;border-radius: 100px;margin: 20px 0 0 0;}
/* Make circles that indicate the steps of the form: */
#regForm .step, #regForm-2 .step {height: 40px;width: 40px;margin: 0 2px;background-color: #e1e1e1;border-radius: 50%;display: inline-block;border: 4px solid white;margin: 0 0 0 0;}
#regForm .step.active, #regForm-2 .step.active {opacity: 1;background: #a40000 !important;border: 5px solid #EDCCC8;}
/* Mark the steps that are finished and valid: */
#regForm .step.finish, #regForm-2 .step.finish {background-color: #bcbcbc;position:relative;opacity: 1;color: white;}
#regForm .step.finish::before, #regForm-2 .step.finish::before {background: #bcbcbc;position:absolute;height:2px;content:'';left: 60px;top: 15px;width: 50px;}
form#regForm .buttons button, #regForm-2 .buttons button {text-transform: capitalize;}
button#nextBtn {color: #ffffff;border: none;cursor: pointer;text-transform: uppercase;font-weight: 600;border-radius: 100px;margin: 20px 30px 0 0 !important;font-size: 16px;padding: 17px 70px;}
#regForm button.sub, #regForm-2 button.sub {/* width: 150px; *//* padding: 0 20px; */}
#regForm button.sub:hover,#regForm-2 button.sub:hover {}
#regForm #prevBtn:hover,#regForm-2 #prevBtn:hover {background: #D90404;}
#regForm button.sub i, #regForm-2 button.sub i {margin: 0 0 0 8px !important;}
/*step form css end here*/
.table-bordered th {border: 0;padding: 20px 0 !important;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {top: 20px;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {bottom: 20px;}
.btn-group.mr-1.mb-1 {margin: 0 !important;}
button.btn.btn-drop-table.btn-sm {padding: 0;margin: -7px 0 0 0;color: #9f9f9f;background: transparent;font-size: 16px;}
table.dataTable td:last-child {text-align: right;padding: 25px 70px 20px 20px !important;}
table .dropdown-menu {margin: 0;min-width: 80px;border: 0;box-shadow: 0 0 10px 0 rgb(0,0,0,.1);border-radius: 5px;}
table .dropdown-item {font-size: 11px;color: #999999;padding: 0 10px;font-family: 'Poppins', sans-serif;}
table .dropdown-item:hover {background: white;}
table .dropdown-item i {margin: 0 6px 0 0;}
.dataTables_length {margin: 20px 0 0 0;text-transform: capitalize;}
div.dataTables_wrapper div.dataTables_filter input {box-shadow: none;margin: 10px 0 0 10px;}
button.btn.btn-drop-table.btn-sm:focus {outline: none !important;box-shadow: none;}
table#DataTables_Table_0{width: 100%;border-spacing: 0 26px;}
div#DataTables_Table_0_info {padding: 0;margin: 16px 0 0 0;font-size: 14px;color: #666666;font-family: 'Poppins', sans-serif;text-transform: capitalize;}
.page-item.disabled .page-link {border-color: #221f1f;}
.page-item .page-link:hover {background: #cf003a;color:white;}
.page-item:first-child .page-link,.page-item:last-child .page-link {min-width: 100px;text-align: center;background: white;}
.page-item.active .page-link {background: #fa0046;border-color: #fa0046;color: white;}
.page-item.disabled .page-link.next a {border-top: 0px !important;}
li.paginate_button.page-item.next.disabled a {border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 100px;border-bottom-right-radius: 100px;}
.page-item .page-link {border: 1px solid #eeeeee !important;padding: 10px 15px;color: #c1c1c1;}
.page-item:last-child .page-link {color: #fa0046;border-radius: 100px;border-top-left-radius: 0;border-bottom-left-radius: 0px;}
.page-item:first-child .page-link {color: #fa0046;border-radius: 100px;border-top-right-radius: 0;border-bottom-right-radius: 0px;}
.page-item.active .page-link:hover {background: #cf003a;}
.table thead th {border-bottom:0px solid transparent;}
.table td, .table th {border-top: 0px solid transparent;}
.table thead th:last-child {text-align: right;}
table thead tr {/* background-color: transparent !important; *//* box-shadow: 0 0 20px 6px rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06); *//* border-top: 0; *//* border-radius: 100px; */}
.table thead th:first-child {padding-left: 30px;}
.table td:first-child,.o-wallet .table td:first-child {padding-left: 30px !important;padding-bottom: 0 !important;}
table tbody tr td {color: #999999;font-size: 13px;padding: 25px 0 20px 0 !important;font-family: 'Poppins', sans-serif;}
.table thead th {vertical-align: bottom;border-bottom: none !important;border-top: none !important;color: #000000;text-transform:uppercase;font-weight: 600;font-size: 13px;text-align: start;padding: 20px 10px;}
.table-bordered td {padding: 20px 0 0 0 !important;border: 0;}
table{width: 100%;border-spacing: 0 26px;clear: both;margin-top: 6px !important;margin-bottom: 6px !important;max-width: none !important;border-collapse: separate !important;white-space: nowrap !important;text-overflow: ellipsis !important;}
span.circle {color: white;display: inline-block;margin: -12px 10px 0 0;text-align: center;padding: 7px 0px 0 1px;width: 25px;border-radius: 100px;height: 25px;}td.dataTables_empty {padding: 20px 0 21px 0;}
/*table css end*/
/*search bar start here*/
.main-header__searchbar {position: fixed;top: 0;left: 0;z-index: 999999;width: 100%;height: 120px;display: none}
.main-header__searchbar::after {content: '';display: block;background-color: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;width: 100%;height: 100%}
.main-header__searchbar__close img {margin: 0 !important;}
.main-header__searchbar__close {cursor: pointer}
.main-header__searchbar__close img {position: absolute;top: -3px;right: 0;width: 40px;}
.main-header__search__toggle {/* position: absolute; *//* top: 30px; *//* left: 30px; */cursor: pointer;z-index: 999;padding: 0 15px;margin: 26px 0 0 0;}
.main-header__search__toggle span.icon-search {cursor: pointer;font-size: 18px;color: #000000;}
.main-header__search__toggle .icon-search img {width: 40%;margin-top: 4px;}
.main-header__searchbar__curtain {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);-o-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);-webkit-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);-moz-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);-ms-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);-o-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition: .5s all;}
.main-header__searchbar__curtain--1 {background-color: #AFB478;z-index: 1}
.main-header__searchbar__curtain--2 {background-color: #fff;z-index: 2;transition: 1s all;}
.main-header__searchbar__input {position: absolute;top: 50%;right: 0;left: 0;margin: auto;width: 50%;height: 35px;font-size: 21px;padding-left: 0;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.main-header__searchbar__input.placeholder {color: #000;font-size: 16px;font-family: 'Open Sans', sans-serif;}
.main-header__searchbar__input :-moz-placeholder {color: #000;font-size: 16px;font-family: 'Open Sans', sans-serif;}
.main-header__searchbar__input ::-moz-placeholder {color: #000;font-size: 16px;}
.main-header__searchbar__input ::-webkit-input-placeholder {color: #000;font-size: 16px;font-family: 'Open Sans', sans-serif;}
.main-header__searchbar__input :-ms-input-placeholder {color: #000;font-size: 16px;}
.main-header__searchbar__input form {width: 100%;height: 100%}
.main-header__searchbar__input input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="number"]){color: #1A1A1C;border: 0;margin: 0;width: 100%;height: 100%;border: 0px !important;padding: 0 40px 0 20px !important;box-shadow: none;font-size: 16px !important;}
.main-header__searchbar__input input:focus{outline: 0;}
.search-open .main-header__searchbar {display: block}
.search-open .main-header__searchbar__curtain {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.main-header__search__toggle {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);-o-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
.main-header__search__toggle {-webkit-transition: all 900ms 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 900ms 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 900ms 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 900ms 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 900ms 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)}
.main-header__search__toggle {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.main-header__search__toggle {-webkit-transition-delay: .6s;transition-delay: .6s}
li.search-main {position: relative;}
.search-open .main-header__searchbar__curtain input.hidden {display: none;visibility: hidden;}
.main-header__searchbar__input input::placeholder {color: #898989;}
.main-header__search__toggle span.icon-search:hover {color: #fa0046;}
.nav-menu>li:last-child>a:hover::before {display: none;}
/*search bar end here*/
/*notification start here*/
.noti-inner-cards:hover {transform: scale(1.05);}
.all-notifications .noti-inner-cards .card {box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06) !important;border-top-left-radius: 10px !important;border-top-right-radius: 10px !important;border: none;}.all-notifications .notification-title {padding: 20px 50px;background: #f5f5f5;border-top-left-radius: 10px;border-top-right-radius: 10px;display: flex;justify-content: space-between;}
.all-notifications .notification-title h5 {font-size: 20px;text-transform: capitalize;color: #f7941e;margin: 0px !important;font-weight: 500;}
.all-notifications .notification-title h4 {font-size: 13px;text-transform: uppercase;color: #fff;margin: 0 !important;background: #f7941e;width: 60px;text-align: center;padding: 5px 0 3px 0;border-radius: 5px;line-height: initial;font-family: 'Barlow', sans-serif;}
.all-notifications .noti-content {padding: 30px 50px;}
.all-notifications .noti-content i {font-size: 18px;background: #f7941e;color: #fff;width: 45px;height: 45px;border-radius: 50px;display: flex;align-items: center;justify-content: center;margin: 0 20px 0 0 !important;}
.all-notifications .noti-content h5 {font-weight: 400;font-size: 16px;color: #999999;text-transform: capitalize;margin: 0 0 0 10px;}
.noti-content p {margin: 0;color: black;}.noti-inner-cards {margin-bottom: 30px;border: none;transition: all .3s ease;}
.all-notifications a {display: block;}
.dropdown.not h3 {font-size: 13px;margin: 0 0 0 10px;}
.dropdown.not h3 strong {font-weight: 600;}
.dropdown.not .yel {font-size: 11px;}
.dropdown.not a.view {color: #666666;font-size: 13px;line-height: 15px;}
.dropdown.not a.view:hover {color: black;}
.dropdown.not .media {margin: 0 0 10px 0;padding: 0 20px;}
li.dropdown.not .dropdown-menu {min-width: 450px;}
/*notification end here*/
/*nav css start here*/
a.dropdown-toggle.nav-link.dropdown-user-link {margin: 0 40px 0 0;}
.dropdown-toggle {position: relative;}
a.dropdown-toggle.nav-link.dropdown-user-link::after {background: url("../images/pro-icon.png") no-repeat;width: 10px;height: 10px;top: 18px;right: 0;position:absolute;display:block !important;border: 0;margin: 0 -20px 0 0 !important;padding: 0;}
ul.user-nav.user-pro li.dropdown.dropdown-user.nav-item {margin: 0;}
ul.user-nav.user-pro a {padding: 0;width: auto;margin: 0;text-align: left;}
span.user-name {font-size: 15px;color: #333333;text-transform: capitalize;font-weight: 500;}
ul.user-nav.user-pro a.dropdown-item i {width: 15px;margin: 0 15px 0 0;}
ul.user-nav.user-pro a.logout {text-align: right;}
ul.user-nav.user-pro a.logout i {margin: 0 0 0 10px;}
a.dropdown-toggle.nav-link.dropdown-user-link img {border-radius: 100%;width: 40px;height: 40px;border: 2px solid white;margin: 0 10px -15px 0;}
li.dropdown.dropdown-user.nav-item {margin: 20px 0 20px 20px;}
a.dropdown-toggle.nav-link.dropdown-user-link h6 {margin: 0 0 0 10px;font-size: 14px;color: #999999;font-weight: 500;}
a.dropdown-toggle.nav-link.dropdown-user-link h6 i {margin: 0 0 0 10px;}
a.dropdown-toggle.nav-link.dropdown-user-link::after {display: none;}
.dropdown-menu-right.show {border-radius: 10px;border: 0;box-shadow: 0 0 10px 0 rgb(0,0,0,.1);padding: 6px !important;width: 265px;left: 50px !important;top: 20px !important;}
.dropdown-menu-right.show a {padding: 10px !important;border-radius: 6px;margin: 0 0 5px 0;font-size: 13px;color: #999999 !important;font-weight: 400 !important;text-transform: capitalize !important;}
.dropdown-menu-right.show a i {margin: 0;font-size: 13px;width: 17px;text-align: left;}
.dropdown-menu-right.show a:hover {color: #fa0046 !important;background: white;}
/*nav css end here*/
/*======================================= index page start here ===========================*/
/*header start here*/
header{position: absolute;width: 100%;top: 0;padding: 20px 140px 0px 140px;z-index: 999;}
/*header end here*/
/*home-banner-main start here*/
.ml13 .letter {display: inline-block;line-height: 1em;}
.ml10 {
position: relative;
top: 10px;
letter-spacing: 0;
}
.ml10 .text-wrapper {
position: relative;
display: inline-block;
overflow: hidden;
}
.ml10 .letter {
display: inline-block;
transform-origin: 0 0;
}
.anim-content {
text-transform: uppercase;
}
.anim-content .letter {
display: inline-block;
}
.home-banner-main{background: url("../images/about-bg.png") no-repeat;-webkit-background-size: cover;background-size: cover;padding: 290px 0 144px 0;}
.home-banner-inner {padding: 0 15px 0 150px;}
.home-banner-inner h1 {font-weight: 500;color: white;letter-spacing: -6px;}
.home-banner-inner .yel {background: rgb(255,141,9);background: linear-gradient(0deg, rgba(255,141,9,1) 0%, rgba(253,223,29,1) 100%);}
.home-banner-inner .box {border-radius: 20px;text-align: center;min-height: 400px;position: relative;}
.home-banner-inner .box h4 {color: white;position: absolute;bottom: 30px;left: 0;right: 0;}
.home-banner-inner .box img {position: absolute;left: -10px;width: 310px;}
.home-banner-inner .green {background: rgb(9,200,189);background: linear-gradient(0deg, rgba(9,200,189,1) 0%, rgba(12,225,212,1) 100%);}
.home-banner-inner .pur {background: rgb(201,41,188);background: linear-gradient(0deg, rgba(201,41,188,1) 0%, rgba(244,125,235,1) 100%);}
.home-banner-inner p {color: white;margin: 22px 0 0 0;font-size: 20px;}
.home-banner-inner a {margin: 16px 0 0 0;padding: 20px 50px;min-width: 265px;}
.home-banner-inner a.red-btn:hover img {margin: 0 0 0 25px;}
.home-banner-inner li {display: inline-block;margin: 20px 20px 0 0;}
.home-banner-inner .owl-item {padding: 0 10px;}
/*home-banner-main end here*/
/*exprience start here*/
.exprience{padding: 170px 0 40px 0;background: url("../images/d-bg.png") no-repeat;background-position: 84% 80%;}
.logo{position: absolute;top: -250px;width: 100%;left: 0;right: 0;background: white;border-radius: 10px;padding: 35px 20px 50px 20px;box-shadow: 0 0 30px 0 rgb(0,0,0,.1);}
.logo li {padding: 0 60px;display: inline-block;position: relative;}
.logo li img {width: 100%;}
.logo-inner h2 {text-align: center;font-size: 35px;text-transform: capitalize;font-weight: 600;color: #002542;margin: 0 0 30px 0;}
.logo li::after {position: absolute;content: '';width: 2px;height: 70px;background: #f8e9e5;top: 0;right: 0;bottom: 0;margin: auto 0;}
.logo li:last-child::after {display: none;}
.logo-inner {position: relative;}
.logo-inner::after {position: absolute;content: '';width: 100%;left: 0;right: 0;bottom: -100px;height: 17px;background: #f7e9e4;}
.exprience img.pink-img {position: absolute;top: 50px;z-index: -1;left: 0;right: 0;margin: 0 auto;}
.exprience .boxx {position: relative;padding: 60px 25px 80px 25px;transition: all .3s ease;z-index: 9;background: white;margin: 60px 0 0 0;}
.exprience .box-main::before, .service .box-main::before, .service.logo-custom .box-main::before {background: url("../images/hover.png")no-repeat;width: 60px;height: 60px;left: -22px;content: '';position: absolute;display: none; -webkit-animation: rotating 2s linear infinite;-moz-animation: rotating 4s linear infinite;-ms-animation: rotating 4s linear infinite;-o-animation: rotating 4s linear infinite;animation: rotating 4s linear infinite;}
.exprience .box-main:hover::before{display: block;top: 40px;}
.box-main {position: relative;z-index: 9;transition: all .8s ease;display: flex;}
.exprience .boxx p {font-size: 18px;color: #848484;}
.exprience .boxx:hover {box-shadow: 0 0 20px 0 rgb(238 204 215);border-radius: 10px;}
.exprience .boxx img.exp-img {margin: 20px 0;}
.exprience .boxx h4 {font-weight: 500;color: #002542;}
.exprience .boxx p {margin: 16px 0 0 0;}
.exprience img.pink-2 {top: 60px;}
.exprience .boxx img.exp-img-2 {margin: 20px 0 20px 0;}
.exprience .boxx img.exp-img-3 {margin: 0px 0 32px 0;}
@-webkit-keyframes rotating {
from {-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes rotating {
from {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
to {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
/*exprience end here*/
/*service start here*/
.service{background: url("../images/ani-custom-bg.png")no-repeat;background-position: center right;padding: 130px 250px 155px 50px;}
.service .box {background: white;box-shadow: 0 0 20px 0 rgb(238 204 215);border-radius: 30px;padding: 23px;margin: 0 0 30px 0;position: relative;z-index: 9;width: 100%;}
.service .box h4 {margin: 40px 0 0 0;color: #002542;font-weight: 500;text-transform: capitalize;font-size: 20px;}
.service .box-main:hover::before {display: block;bottom: 10px;left: 0;}
.service .right * {color: white;}
.service .right {padding: 0 0 0 100px;}
.service .right h6 {text-transform: uppercase;}
.service .right p {margin: 0 0 30px 0;text-align: justify;}
.service .right h2 {margin: 0 0 25px 0;}
.service .right a {margin: 20px 0 0 0;padding: 20px 20px;min-width: 190px;}
.service .right a img {margin: 0 0 0 25px;}
.service .right a:hover img {margin: 0 0 0 30px;}
/*service end here*/
/*protfolio start here*/
.portfolio h4 {text-transform: uppercase;font-weight: 500;}
.nav-tabs {justify-content: center;border: 0;}
.nav-tabs .nav-link {border: 0;text-transform: uppercase;border-radius: 100px;font-size: 16px;padding: 16px 36px;margin: 20px 10px 0 10px;background: #f9f9f9;box-shadow: 0 0 20px 0 rgb(0,0,0,.1);color: #002542;font-weight: 500;}
.portfolio .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .portfolio.app-port .nav-tabs .nav-item.show .nav-link,.portfolio.app-port .nav-tabs .nav-link.active,.portfolio.app-port .nav-tabs .nav-link:hover {background: #e41d06;color: white;box-shadow: 0 0 10px 0 rgb(0,0,0,.3);}
.portfolio img {margin: 70px 0 0 0;}
.portfolio img.img-1 {margin: 30px 0 0 0;}
.portfolio img.before {margin: 0;}
.portfolio a.red-btn {min-width: 190px;text-align: center;}
.portfolio a.red-btn img {margin: 0 0 0 20px;}
.portfolio a.red-btn:hover img {margin: 0 0 0 25px;}
.portfolio {padding: 0 0 70px 0;background: url("../images/d-bg.png") no-repeat;background-position: 82% 88%;}
/*protfolio end here*/
/*package start here*/
.package{background: url("../images/about-custom.png") no-repeat;padding: 70px 0 160px 0;-webkit-background-size: cover;background-size: cover;background-position: center center;}
.package .box {background: white;border-radius: 10px;padding: 40px 30px;margin: 45px 0 0 0;}
.package .box:hover {margin: 20px 0 0 0;}
.package .box h5 {color: #333333;margin: 20px 0 0 0;}
.package .box a {color: white;font-size: 22px;}
.package .box img {height: 105px;}
.package p span.letter {text-transform: uppercase;}
.package p {color: white;text-transform: uppercase;margin: 0 0 0 0;}
.package h2 {color: white;margin: 10px 0 0 0;}
/*package end here*/
/*business start here*/
.business{background: url(../images/ani-bus-bg.png) no-repeat;/* background: url("../images/business.png") no-repeat; */background-position: 0;padding: 180px 0;}
.business img.screen {position: absolute;top: -260px;}
.business h6 {margin: 0 0 0 0;font-weight: 500;text-align: right;}
.business h2 {color: #002542;margin: 0 0 20px 0;}
.business .left {padding: 0 0 0 80px;}
.business p {color: #a7a7a7;font-size: 17px;text-align: justify;margin: 0 0 35px 0;}
.business a {margin: 0 0 0 0;min-width: 206px;text-align: center;padding: 20px 0;}
.business a:hover img {margin: 0 0 0 25px;}
.business a img {margin: 0 0 0 20px;}
/*business end here*/
/*talk start here*/
.talk {padding: 80px 0;}
.talk h6 {text-transform: uppercase;}
.talk h3 {color: #002542;}
.talk p {margin: 10px 0 0 0;font-size: 15px;color: #666565;}
.talk .form-control {border-bottom: 2px solid #c3c3c5 !important;border-left: 0 !important;border-right: 0 !important;border-radius: 0px !important;border-top: 0 !important;padding: 0 !important;font-size: 18px !important;margin: 40px 0 0 0;}
.talk .form-control::placeholder {color: #c3c3c5;}
.talk textarea {height: 100px;}
.talk button {padding: 20px 0;width: 200px;}
.talk button:hover img {margin: 0 0 0 25px;}
/*talk end here*/
/*client start here*/
.client .logo {top: -310px;z-index: 9999;padding: 30px 20px 10px 20px;background: url("../images/say-1.png") no-repeat, url("../images/say-2.png") no-repeat;background-position: 0 0 ,100% 0;background-color: #fff;}
.client{background: url("../images/client-1.png") no-repeat,url("../images/client-2.png") no-repeat,url("../images/client-3.png") no-repeat;background-position: 81% -76px,0 210px,100% 145px;padding: 200px 0 80px 0;}
.client .logo h3 {color: #002542;}
.client .logo p {margin: 10px 0 0 0;color: #878686;text-align: center;}
.client .logo a {margin: 20px 0 0 0;padding: 0;font-size: 30px;font-weight: 700;display: flex;justify-content: center;align-items: center;}
.client .logo a:hover {color: #b0210f;}
.client .logo-inner::after {bottom: -50px;}
.client p {margin: 10px 0 0 0;color: #6a6c6c;font-size: 15px;}
.client h2 {color: #002542;}
.client h6 {text-transform: uppercase;font-weight: 500;}
.client-top img {position: absolute;}
.client-top img.img-1 {top: 45px;left: 120px;}
.client-top img.img-2 {top: 10px;right: 0;left: 0;margin: 0 auto;}
.client-top img.img-3 {top: 45px;right: 110px;left: unset;}
.client-top {position: relative;}
/*client end here*/
/*footer start here*/
footer{background: #1f1b2a;background-size: cover;}
.footer-top{padding: 50px 0;}
.footer-top ul li {display: flex;align-items: flex-start;}
.footer-top ul li a {margin: 0 0 24px 0;color: white;font-size: 15px;text-transform: uppercase;-ms-flex: 1;flex: 1;}
.footer-top ul li img {margin: 0 10px 0 0;}
.footer-top ul {margin: 50px 0 0 0;}
.footer-top h4 {margin: 20px 0 0 0;color: white;font-size: 28px;}
.footer-top ul.social {margin: 0 0 0 0;}
.footer-top ul.social li {display: inline-block;}
.footer-top ul.social li a {margin: 20px 0 0 3px;padding: 10px;border-radius: 5px;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;font-size: 17px;}
.footer-top ul.social li a.active,.footer-top ul.social li a:hover {background: #e71f07;color: white;}
.footer-bottom {border-top: 2px solid #2d26c5;padding: 8px 0 18px 0;}
.footer-bottom p {color: white;margin: 25px 0 0 0;font-size: 15px;}
.footer-bottom ul li {display: inline-block;}
.footer-bottom ul li a {margin: 16px 0 0 10px;}
.footer-bottom ul li a:hover {opacity: .6;}
.footer-top ul li a:hover {color: #e51e06;}
/*footer end here*/
/*======================================= index page end here ===========================*/
/*======================================= contact us page start here ===========================*/
.inner-banner{background: url("../images/inner-banner.png") no-repeat;-webkit-background-size: cover;background-size: cover;padding: 176px 0 130px 0 ;}
.inner-banner h2{color: white;text-transform: capitalize;font-weight: 500;}
.contact-us .box.green {background: rgb(9,200,189);background: linear-gradient(0deg, rgba(9,200,189,1) 0%, rgba(12,225,212,1) 100%);}
.contact-us .box.pur {background: rgb(100,91,218);background: linear-gradient(0deg, rgba(100,91,218,1) 0%, rgba(219,148,252,1) 100%);}
.contact-us .box.pink {background: rgb(254,110,162);background: linear-gradient(0deg, rgba(254,110,162,1) 0%, rgba(254,138,111,1) 100%);}
.contact-us .box {border-radius: 20px;padding: 35px 55px 30px 55px;margin: 30px 0 0 0;}
.contact-us {padding: 60px 0;}
.contact-us h6 {text-transform: uppercase;font-weight: 500;}
.contact-us h3 {color: #002542;}
.contact-us .box h4 {color: white;margin: 6px 0 0 0;font-size: 26px;}
.contact-us .box.pur img {margin: 19px 0 0 0;}
.inner-banner.contact-banner {padding-left: 140px;padding-right: 140px;}
.contact-us .box p {margin: 0 0 0 0;color: white;font-size: 16px;}
.contact-us .pink img {margin: 28px 0 0 0;}
.contact-us .box a {color: white;margin: 10px 0 0 0;font-size: 20px;}
.contact-us .box a:hover {color: #5233b5;}
.owl-theme .owl-nav {display: none;}
/*======================================= contact us page end here ===========================*/
/*======================================= about us page start here ===========================*/
/*about banner start here*/
.about-banner{background: url("../images/about-bg.png") no-repeat;-webkit-background-size: cover;background-size: cover;padding: 240px 0 144px 0;}
.about-banner li {margin: 0 0 0 0;color: white;display: flex;align-items: center;font-size: 20px;}
.about-banner li img {margin: 0 10px 0 0;}
.about-banner ul {margin: 20px 0 0 0;}
.about-banner h1 {font-weight: 600;text-transform: capitalize;}
.about-banner h3 {color: white;margin: 30px 0 0 0;font-size: 30px;}
/*about banner start here*/
/*vision start here*/
.about-vision .vision-top {border-color: #f8eae6;}
.about-vision ul.vision-bottom li {border-color: #f8eae6;}
.about-vision.vision ul.vision-bottom {border-color: #f8eae6;}
.vision ul.vision-bottom {margin: 60px 0 0 0;border-bottom: 10px solid #e5f3fb;}
ul.vision-bottom li {width: 49.7%;display: inline-block;border-right: 10px solid #e5f3fb;padding: 40px 40px 30px 0;}
ul.vision-bottom li:last-child {border: 0;padding: 40px 0 30px 30px;}
.vision-bottom h5 {color: #e61e06;font-weight: 700;}
.vision-bottom p {color: #a7a7a7;line-height: 24px;margin: 20px 0 0 0;}
.vision{padding: 170px 0 120px 0;background: url(../images/content-vision-bg-2.png) no-repeat;background-position: 81.5% 260px;}
.vision-top {margin: 50px 0 0 0;border-right: 12px solid #f7e9e4;border-bottom: 12px solid #f7e9e4;padding: 0 0 45px 0;}
.vision-top p {width: 69%;color: #a7a7a7;margin: 20px auto 0 auto;line-height: 24px;}
.vision-top h5 {margin: 10px 0 0 0;font-size: 15px;color: #6a6c6c;font-weight: 400;}
.vision-top h6 {margin: 0 0 0 0;text-transform: uppercase;font-weight: 500;}
.vision-top h3 {color: #002542;font-weight: 600;margin: 0;text-transform: capitalize;}
ul.vision-bottom li {width: 49.7%;display: inline-block;border-right: 10px solid #e5f3fb;padding: 40px 40px 30px 0;}
ul.vision-bottom li:last-child {border: 0;padding: 40px 0 30px 30px;}
.vision-bottom h5 {color: #e61e06;font-weight: 700;}
.vision-bottom p {color: #a7a7a7;line-height: 24px;margin: 20px 0 0 0;}
/*vision end here*/
/*process start here*/
.process{/* background: url("../images/process-bg.png") no-repeat; *//* background-position: top right; */background: url(../images/ani-custom-bg.png)no-repeat;background-position: top right;}
.process ul li {display: inline-flex;margin: 0 20px 0 0;}
.process ul li a {margin: 0 0 0 0;}
.process ul {display: flex;align-items: center;}
.service .right p:last-child {margin: 0 0 0 0;}
.service .right p + p {margin: 0 0 0 0;}
.service .right h2 span.head {font-size: 18px;margin: 0 0 0 0;text-transform: uppercase;}
/*process end here*/
/*about-custom start here*/
.about-custom{}
.service.process .box-main::before {background: url(../images/about-hover.png)no-repeat;}
/*about-custom end here*/
/* define start here */
.define {background: url("../images/def-bg.png") no-repeat;-webkit-background-size: cover;background-size: cover;padding: 86px 0 91px 0;}
.define .box {position: relative;margin: 40px 0 0 0;}
.define .box-1::after {background: url("../images/def-1.png") no-repeat;position: absolute;content: '';right: -130px;width: 210px;height: 32px;top: 70px;}
.define .box-2::after {background: url(../images/def-2.png) no-repeat;position: absolute;content: '';right: -130px;width: 210px;height: 32px;top: 70px;}
.define h6 {color: white;text-transform: uppercase;}
.define h3 {text-transform: capitalize;color: white;}
.define h4 {color: white;margin: 20px 0 0 0;}
.define p {color: white;width: 80%;margin: 10px auto 0 auto;}
.define h6 span {text-transform: uppercase;}
/* define end here */
/*======================================= about us page end here ===========================*/
/*======================================= animation page start here ===========================*/
.ani-banner{/* background: url("../images/ani-banner.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
.ani-banner img.ani-banner-img {position: absolute;bottom: -300px;min-width: 980px;left: -240px;}
/* ani-custom start here */
.ani-custom{background: url("../images/ani-custom-bg.png")no-repeat;background-position: top right;}
.ani-custom img.ani-custom-img {position: absolute;top: -300px;left: -49px;}
.ani-custom .box h4 {text-transform: capitalize;}
/* ani-custom end here */
/*client slider start here*/
.client-slider-main {margin: 210px 0 0 0;}
.client-top img.img-4 {top: 270px;left: -200px;}
.client-top img.img-5 {top: 270px;right: -170px;}
.client-slider-main .slick-prev,.client-slider-main .slick-next {display: none !important;}
.client-slider-main .home-slider-1 .slick-track {display: flex;justify-content: center;align-items: center;padding: 30px 0;}
.client-slider-main .home-slider-1 img {border-radius: 100%;}
.client-slider-main .home-slider-1 .slick-active .slider-bg{width: 100px;height: 100px;background: #ebbde9;display: flex;justify-content: center;align-items: center;border-radius: 100%;padding: 0 10px 10px 0;box-shadow: 0 0 20px 0 rgb(0,0,0,.3);position: relative;margin: 0;outline: none;float: right;}
.client-slider-main .home-slider-1 .slick-active + .slick-active .slider-bg{width: 205px !important;height: 190px !important;background: transparent;padding: 0 !important;float: none;margin: 0 auto;}
.client-slider-main .home-slider-1 .slick-active + .slick-active + .slick-active .slider-bg{width: 90px !important;height: 90px !important;margin: 0;}
.client-slider-main .home-slider-1 .slick-active img {width: 66px;height: 66px;border-radius: 100%;border: 2px solid #f8d1f5;}
.client-slider-main .home-slider-1 .slick-active + .slick-active .slider-bg::after {position: absolute;content: '';background: url("../images/slider-active.png") no-repeat;width: 255px;height: 255px;right: -30px;margin: 0 auto;top: -34px;}
.client-slider-main .home-slider-1 .slick-active + .slick-active .slider-bg img {width: 205px;height: 205px;border: 0;border-radius: 100%;padding: 0 0 0 0 !important;}
.client-slider-main .home-slider-1 .slick-active + .slick-active + .slick-active .slider-bg::after {display: none;}
.client-slider-main .home-slider-1 .slick-active + .slick-active + .slick-active img {border: 2px solid white;width: 90px;height: 90px;}
.client-slider-main ul.slick-dots {display: none !important;}
.client-slider-main .item {outline: none;}
.client-slider-main .content {width: 80%;margin: 0 auto;}
.client-slider-main .content h5 {color: #070909;}
.client-slider-main .content h6 {text-transform: capitalize;font-weight: 400;margin: 10px 0 0 0;}
.client-slider-main .content p {margin: 20px 0 0 0;font-size: 18px;color: #a7a7a7;line-height: 35px;}
div#home-slider-2 .item p {background: url(../images/slider-bg.png) no-repeat;background-position: center bottom;}
/*client slider end here*/
/*anim-package start here*/
.anim-package{/* background: url("../images/ani-service.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
.ani-package-main {background: url("../images/client-1.png") no-repeat;background-position: 81% -76px;padding-bottom: 200px;}
.ani-package {border-radius: 20px;padding: 40px 0px 50px 0;margin: 40px 0 0 0;}
.pack-1 {background: rgb(124,139,223);background: linear-gradient(0deg, rgba(124,139,223,1) 0%, rgba(75,205,216,1) 100%);}
.pack-2, .pack-5 {background: rgb(100,91,218);background: linear-gradient(0deg, rgba(100,91,218,1) 0%, rgba(194,75,250,1) 100%);margin: 70px 0 0 0;}
.pack-3 {background: rgb(254,110,162);background: linear-gradient(0deg, rgba(254,110,162,1) 0%, rgba(254,138,111,1) 100%);}
.ani-package h4 {text-align: center;color: white;font-size: 36px;}
.ani-package p {text-align: center;color: white;margin: 14px 0 0 0;}
.ani-package h2 {text-align: center;color: white;margin: 10px 0 0 0;font-weight: 700;font-size: 65px;line-height: 70px;}
.ani-package h2 sup {font-size: 30px;line-height: 30px;}
.ani-package ul {padding: 0 0 0 40px;height: 311px;overflow-y: auto;margin: 20px 10px 0 0;}
.ani-package ul::-webkit-scrollbar-track{border-radius: 20px;background-color:white;}
.ani-package ul::-webkit-scrollbar{width: 8px;background-color:white;border-radius: 20px;}
.ani-package ul::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #5f4a6f;}
.ani-package ul li {display: flex;margin: 0;color: white;align-items: center;}
.ani-package ul li img {margin: 0 13px 0 0;}
.ani-package a {display: table;padding: 20px 30px;background: white;border-radius: 100px;margin: 30px auto 0 auto;font-size: 16px;color: #e41d06;font-weight: 600;}
.ani-package a img {margin: 0 0 0 30px;}
.ani-package a:hover {background: #c7c7c7;}
/*anim-package end here*/
/*ani-bus start here*/
.ani-bus{background: url("../images/ani-bus-bg.png") no-repeat; background-position: center left;}
.ani-client.client{background:url("../images/client-2.png") no-repeat,url("../images/client-3.png") no-repeat;background-position: 0 210px,100% 145px;padding: 200px 0 80px 0;}
/*ani-bus end here*/
/*ani-define start here*/
.ani-define{/* background: url("../images/ani-pro-bg.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
/*ani-define end here*/
/*======================================= animation page end here ===========================*/
/*======================================= app-development page start here ===========================*/
/*app banner start here*/
.app-banner .right img {position: absolute;}
.app-banner .right img.img-1 {top: -366px;left: 70px;}
.app-banner .right img.img-2 {right: 120px;top: -360px;}
/*app banner end here*/
/*app-vision start here*/
.app-vision{/* background: url("../images/app-vision-bg-2.png") no-repeat,url("../images/app-vision-bg.png") no-repeat; *//* background-position: 100% 0,81.5% 260px; */padding: 170px 0 120px 0;}
.app-vision .logo-inner::after, .app-client .logo-inner::after {/* background: #eee9f2; */}
.app-vision .vision-top {/* border-right: 12px solid #eee9f2; *//* border-bottom: 12px solid #eee9f2; */}
/*app-vision end here*/
/*app custom start here*/
.service.app-custom {padding: 140px 250px 153px 50px;background: url("../images/ani-custom-bg.png")no-repeat;background-position: top right;}
.service.app-custom .right h6 {margin: 50px 0 0 0;}
/*app custom end here*/
/* app-port start here */
.portfolio.app-port .nav-link,.ani-package-main .nav-link {background: #f9f9f9;box-shadow: 0 0 20px 0 rgb(0,0,0,.1);color: #002542;font-weight: 500;}
/* app-port end here */
/*app-define start here*/
.app-package{/* background: url("../images/app-custom.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; *//* background-position: center center; */}
.app-define.define .box-1::after {background: url(../images/app-pro-ar-1.png) no-repeat;}
/*app-define end here*/
/*app-package start here*/
.app-define{/* background: url("../images/app-pro-bg.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */padding: 60px 0;}
/*app-package end here*/
/*======================================= app-development page end here ===========================*/
/*======================================= brand page start here ===========================*/
/*protfolio start here*/
.portfolio.brand-port .nav-link {margin: 20px 5px 0 5px;}
/*protfolio end here*/
/* banner start here */
.branding-banner .right img {position: absolute;top: -304px;right: 120px;width: 100%;}
/* banner end here */
/*brand-bus start here*/
.brand-bus{/* background: url("../images/brand-help-bg.png") no-repeat; */}
/*brand-bus end here*/
/*content-banner start here*/
.content-banner{/* background: url("../images/content-banner-bg.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
.content-banner .home-banner-inner {position: relative;}
.content-banner .home-banner-inner .right img {position: absolute;right: 0;top: -300px;}
/*content-banner end here*/
/*content-vision start here*/
.vision.content-vision .vision-top {margin: 50px 0 0 0;border-right: 12px solid #eee9f3;border-bottom: 12px solid #eee9f3;}
.vision.content-vision{background: url("../images/content-vision-bg.png") no-repeat,url("../images/content-vision-bg-2.png") no-repeat;background-position: 100% 0,81.5% 260px;}
.vision.content-vision .logo-inner::after {background: #eee9f3;}
/*content-vision end here*/
/*content-process start here*/
.process.content-process{/* background: url("../images/content-copping.png") no-repeat; *//* background-position: top right; */}
/*content-process end here*/
/* content-custom start here*/
.content-custom{/* background:url("../images/content-custom.png")no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
/* content-custom end here*/
/*content writting start here*/
.content-writiing .box {box-shadow: 0 0 20px 0 rgb(0,0,0,.1);border-radius: 10px;padding: 20px;margin: 30px 0 0 0;}
.content-writiing h5 {margin: 30px 0 0 0;}
.content-writiing h3 {color: #002542;}
.content-writiing p {margin: 20px 0 0 0;}
.content-writiing h6 {text-transform: uppercase;}
.content-writiing h6:nth-of-type(2) {margin: 10px 0 10px 0;}
.content-writiing a {margin: 70px 0 0 0;padding: 20px 30px;}
.content-writiing {padding: 100px 0 70px 0;}
/*content writting end here*/
/*content-define start here*/
.content-define{/* background: url("../images/content-define.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
/*content-define end here*/
/*======================================= brand page end here ===========================*/
/*======================================= privacy-banner page start here ===========================*/
.privacy-banner{background: url("../images/inner-banner.png") no-repeat;-webkit-background-size: cover;background-size: cover;padding: 180px 0 112px 0;color: white;}
.privacy-content {padding: 50px 140px;}
.privacy-content h2 {color: #002542;margin: 0 0 20px 0;}
.privacy-banner h2 {margin: 0 0 0 130px;}
.privacy-content h3 {font-size: 26px;color: #002542;margin: 0 0 10px 0;}
.privacy-content p {margin: 0 0 40px 0;font-size: 17px;color: #a7a7a7;}
.define.privacy-define {/* background: url(../images/privacy-define.png) no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
.privacy-content h4 {font-size: 22px;color: #002542;margin: 0 0 10px 0;}
/*======================================= privacy-banner page end here ===========================*/
/*======================================= logo-design page start here ===========================*/
.pack-4 {background: rgb(200,40,188);background: linear-gradient(0deg, rgba(200,40,188,1) 0%, rgba(244,125,235,1) 100%);}
.pack-5 {background: rgb(252,137,6);background: linear-gradient(0deg, rgba(252,137,6,1) 0%, rgba(233,202,14,1) 100%);}
.pack-6 {background: rgb(9,200,189);background: linear-gradient(0deg, rgba(9,200,189,1) 0%, rgba(12,225,213,1) 100%);}
/*logo-package start here*/
.logo-package{/* background: url("../images/logo-service.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
/*logo-package end here*/
/*logo-bus start here*/
.logo-bus{background: url(../images/ani-bus-bg.png) no-repeat;background-position: center left;}
/*logo-bus end here*/
/*logo-define start here*/
.logo-define{/* background: url("../images/logo-define.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
/*logo-define end here*/
/*logo-custom start here*/
.logo-port .nav-link {margin: 20px 5px;padding: 16px 15px;}
.logo-custom{background: url("../images/ani-custom-bg.png")no-repeat;background-position: top right;}
/*logo-custom end here*/
/*logo banner start here*/
.logo-banner{background: url("../images/about-bg.png") no-repeat;-webkit-background-size: cover;background-size: cover;padding: 240px 0 45px 0;}
/*logo banner end here*/
/*======================================= logo-design page end here ===========================*/
/*======================================= pricing page start here ===========================*/
.pricing-banner{/* background: url("../images/pricing-banner.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
.pricing-port .nav-tabs .nav-link {background: white;box-shadow: 0 0 10px 0 rgb(0,0,0,.3);color: #002542;font-weight: 500;}
.pricing-port .nav-link.active,.pricing-port .nav-link:hover {background: #e41d06;color: white;box-shadow: 0 0 10px 0 rgb(0,0,0,.3);}
.pricing-port {background: white;}
.pricing-port .logo-inner::after {/* background: #e1efdd; */}
.pricing-package{/* background: url("../images/pricing-package.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
.pricing-define{/* background: url("../images/pricing-define.png") no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
.pricing-client{background: url("../images/client-1.png") no-repeat,url("../images/client-2.png") no-repeat,url("../images/client-3.png") no-repeat;background-position: 81% -76px,0 210px,100% 145px;padding: 200px 0 80px 0;}
.second-tabs .nav-tabs .nav-link {margin: 40px 20px 0 20px;padding: 0 0 20px 0px;background: transparent;position: relative;color: #002542;box-shadow: none;border-radius: 0;}
.second-tabs .nav-tabs {border-bottom: 1px solid #e7eaec;}
.pricing-port .second-tabs .nav-link.active, .pricing-port .second-tabs .nav-link:hover {border-bottom: 4px solid #e41d06;}
.pricing-port h4 {font-size: 18px;text-transform: uppercase;}
.portfolio-port .second-tabs img {margin: 70px 0 0 0;}
.portfolio-port .second-tabs img.img-1 {margin: 40px 0 0 0;}
.portfolio-port .second-tabs a img {margin: 0px 0 0 18px;}
.port-bus .client {padding: 200px 0 0px 0;background: url("../images/client-1.png") no-repeat;background-position: 81% -76px;}
.port-bus .business{background: url(../images/ani-bus-bg.png) no-repeat;background-position: 0;padding: 180px 0;}
.port-client {padding: 100px 0;background: url(../images/client-2.png) no-repeat,url(../images/client-3.png) no-repeat;background-position: 0 110px,100% 45px;padding: 100px 0 80px 0;}
.port-define {/* background: url(../images/pricing-define.png) no-repeat; *//* -webkit-background-size: cover; *//* background-size: cover; */}
.portfolio-banner .right img {position: absolute;top: 0;}
.portfolio-banner .right img.img-1 {top: -350px;left: -200px;}
.portfolio-banner .right img.img-2 {top: -10px;left: -130px;}
.portfolio-banner .right img.img-3 {top: -370px;left: 90px;}
.portfolio-banner .right img.img-4 {right: 230px;top: 90px;}
.portfolio-banner .right img.img-5 {top: -280px;right: -15px;}
.portfolio-port h4, .pricing-port h6 {margin: 70px 0 0 0;}
/*======================================= pricing page end here ===========================*/
/*======================================= web design page start here ===========================*/
.web-design-banner .right img {position: absolute;right: 0;}
.web-design-banner img.img-1 {top: -20px;left: 0;}
.web-design-banner img.img-2 {top: -125px;left: 100px;}
.web-design-banner img.img-3 {left: 100px;top: -295px;z-index: 1;}
.web-design-banner img.img-4 {left: 305px;bottom: -20px;z-index: 1;}
.web-design-banner img.img-5 {left: 306px;top: 41px;}
.web-design-banner img.img-6 {left: 68.5%;bottom: -100px;}
.web-design-banner img.img-7 {top: 120px;left: 68.5%;}
.web-design-banner {padding: 240px 0 180px 0;}
/*order now modal start here*/
.order-check {display: block;position: relative;padding-left: 25px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.order-check input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 15px;width: 15px;background-color: white;border: 1px solid #b7b7b7;border-radius: 2px;}
.order-check:hover input ~ .checkmark {background-color: #ccc;}
.order-check input:checked ~ .checkmark {background-color: #b7b7b7;}
.checkmark:after {content: "";position: absolute;display: none;}
.order-check input:checked ~ .checkmark:after {display: block;}
.order-check .checkmark:after {left: 4px;top: 1px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*order now modal end here*/
.modal-content {border-radius: 20px;}
button.close {position: absolute;top: 10px;right: 10px;background: #e91f07;opacity: 1;color: white;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;border-radius: 100px;padding: 0 0 5px 1px;z-index: 9999;}
button.close:focus, button.close:hover {background: red;}
.modal {padding: 0 !important;overflow-y: scroll;}
.modal-content h3 {margin: 30px 0 0 0;font-size: 40px;font-weight: 500;}
.modal-content .visa {background: #f7f7f7;padding: 20px;align-items: center;margin: 20px 0;}
.modal-content .visa h6 {color: #333333;font-weight: 600;}
.modal-body {padding: 30px 50px;}
.modal-body label {margin: 10px 0;text-transform: capitalize;font-size: 17px;color: #333333;font-weight: 500;}
.modal-body .form-control {padding: 0 10px !important;border: 2px solid #e1e1e1 !important;margin: 0 0 0 0;border-radius: 5px !important;font-size: 17px !important;font-weight: 400;color: black !important;}
.modal-body .form-control::placeholder {color: #999999;}
.modal-body .year {margin-top: 37px;}
.modal-body button.red-btn {margin: 10px 0 20px 0;padding: 15px 50px;}
.modal-body label.order-check {margin: 20px 0 0 0;font-size: 17px !important;color: #333333;font-weight: 500;}
.modal-body p {margin: 30px 0 0 0;}
.modal-body i {margin: 0 10px 0 0;}
.modal-body textarea.form-control {height: 170px;padding: 10px 20px !important;}
/*hey*/
/*======================================= web design page end here ===========================*/
/*======================= responsive start here==============*/
@media (max-width: 1660px)
{
.portfolio-banner .right img.img-3 {left: 40px;}
.portfolio-banner .right img.img-2 {left: -160px;top: -40px;}
.app-banner .right img.img-1 {left: -70px;top: -336px;}
.service.app-custom {padding: 140px 90px 153px 0;}
.home-banner-main.web-design-banner {padding: 240px 0 180px 0;}
.branding-banner .right img {top: -215px;}
.business img.screen {top: -210px;}
.business {background-position: -20px 0;}
.nav-menu > li > a {margin: 0 5px;}
.nav-menu>li>a {padding: 12px 5px;}
.home-banner-main {padding: 190px 0 145px 0;}
.business .left {padding: 0 0 0 160px;}
.home-banner-inner .box img {width: 270px;}
.home-banner-inner .box {min-height: 350px;}
}
@media (max-width: 1570px)
{
.branding-banner .right img {top: -180px;}
.business img.screen {top: -220px;}
.service .box h4 {font-size: 20px;}
.business {background-position: -80px 0;}
.home-banner-inner h1 {font-size: 80px;}
.home-banner-inner .box {min-height: 320px;}
.home-banner-inner .box img {width: 240px;left: -6px;}
}
@media (max-width: 1440px)
{
.ani-banner img.ani-banner-img {min-width: 100%;left: -100px;top: -200px;}
.web-design-banner img.img-6 {left: 70%;}
.web-design-banner img.img-7 {left: 70%;}
.web-design-banner img.img-5 {left: 220px;}
.privacy-banner h2 {margin: 0 0 0 70px;}
.privacy-content {padding: 40px 70px;}
.branding-banner .right img {top: -160px;}
.business img.screen {position: initial;}
.business {background-position: -260px 0;padding: 146px 0;}
.client-top img.img-5 {right: -100px;}
.client-top img.img-4 {left: -100px;}
.home-banner-inner {padding: 0 15px 0 80px;}
header {padding: 20px 70px;}
.home-banner-inner h1 {font-size: 80px;line-height: 90px;}
.service {padding: 180px 50px 153px 30px;}
.service .right {padding: 0 0 0 50px;}
.home-banner-inner .box img {width: 230px;}
.home-banner-inner .box {min-height: 300px;}
.business,.port-bus .business {background-position: -260px 0;padding: 126px 0;}
.business .left {padding: 0 0 0 40px;}
}
@media (max-width:1366px)
{
.app-banner .right img.img-2 {right: 20px;top: -350px;}
header {padding: 20px 10px 20px 70px;}
.home-banner-inner h1 {font-size: 70px;line-height: 70px;}
.home-banner-inner .box img {width: 210px;left: -4px;}
.business, .port-bus .business {background-position: -300px 0;padding: 200px 0;}
.service.process .right {padding: 0;}
.service {padding: 180px 0 153px 0;}
.service .right {padding: 0 20px;}
}
@media (max-width: 1280px) {
.app-banner .right img.img-1 {width: 400px;top: -290px;left: 0;}
.app-banner .right img.img-2 {width: 400px;}
.ani-banner img.ani-banner-img {position: initial;}
.web-design-banner img.img-3 {left: -40px;}
.web-design-banner img.img-1 {left: -40px;}
.web-design-banner img.img-2 {left: 40px;}
.web-design-banner img.img-4 {left: 240px;}
.web-design-banner img.img-5 {left: 240px;}
.branding-banner .right img {right: 0;top: -115px;}
.client-top img.img-5 {right: -40px;top: 160px;}
.client-top img.img-4 {top: 160px;left: 0;}
.service .box {padding: 23px 12px;}
.home-banner-inner h1 {font-size: 70px;line-height: 80px;}
.home-banner-inner .box img {width: 200px;left: -8px;}
.home-banner-inner .box {min-height: 280px;}
.business, .port-bus .business {background-position: -370px 0;padding: 120px 0;}
}
@media (max-width:1199px) {
.package.app-package {padding: 50px 0 100px 0;}
.app-custom.service .right p {margin: 20px 0 0 0;}
.logo-package.package {padding: 40px 0 160px 0;}
.web-design-banner img.img-6, .web-design-banner img.img-7 {display: none;}
.privacy-banner h2 {margin: 0 0 0 20px;}
.privacy-content {padding: 20px;}
.business.brand-bus {padding: 0 50px;}
.ani-package ul {padding: 0 10px 0 20px;}
.package.about-custom {padding: 30px 0 160px 0;}
.vision-top p {width: 80%;}
.service.process .right {margin: 270px 0 70px 0;text-align: center;padding: 0 20px;}
section.service.process {padding: 140px 0px 0px 0;}
.process ul {display: inline-flex;margin: 20px auto 0 auto;}
.exprience .box-main:hover::before {}
.package {padding: 0 0 160px 0;}
.home-banner-inner .box img {width: 100%;left: 0;}
.home-banner-inner .box {min-height: 360px;}
.home-banner-inner h1 {font-size: 60px;line-height: 70px;}
.logo li {padding: 0 50px;}
.logo {padding: 65px 0;}
.package .box {padding: 40px 10px;}
.business img.screen {display: none;}
.business .left {padding: 0 20px;}
.home-banner-inner h1 {font-size: 60px;line-height: 70px;}
.home-banner-inner {padding: 0 20px;}
header {padding: 20px 20px 0px 20px;}
.business, .port-bus .business {padding: 100px 0 33px 0;background: white;}
.service {padding: 150px 0px 0px 0;background-position: top right;}
.service .right {padding: 30px 15px;margin: 70px 0 0 0;}
.service .right h6, .service .right p, .service .right h2,.service .right h2 span {color: black;text-align: center;}
.service .right a {color: white;display: table;margin: 0 auto;}
.service .right h2 br {display: none;}
.service .right h2 {margin: 20px 0 0 0;}
.service .box-main:hover::before {bottom: 10px;left: 0;}
}
@media (max-width:1050px) {
.app-banner .right img.img-1 {width: 300px;top: -200px;left: 40px;}
.app-banner .right img.img-2 {width: 300px;right: 40px;left: unset;top: -270px;}
.web-design-banner img.img-4,.web-design-banner img.img-5 {left: 200px;}
.client.ani-client.brand-client {padding: 100px 0 50px 0;}
.business.brand-bus h6 {color: #f02b13;}
.business.brand-bus h2 {color: #002542;}
.business.brand-bus p {color: #a7a7a7;}
.branding-banner .right img{position: initial;}
.home-banner-inner .box {min-height: 320px;}
.business {padding: 249px 50px; background-position: 0 0;background-size: cover;}
.business img.screen {display: none;}
.business h6, .business h2, .business p {color: white;text-align: center;}
.business .left {padding: 0;text-align: center;}
}
@media (min-width: 768px) and (max-width: 991px) {
.vision-top p {width: 100%;}
.vision-top {padding: 0 30px 45px 0;}
div#header-slider {margin: 60px 0 0 0;}
.home-banner-inner .box img {width: 300px;left: -10px;}
.exprience .boxx {margin: 0 0 30px 0;}
.business {background: white;padding: 50px 30px 0 30px;}
.logo {padding: 35px 0 50px 0;}
}
@media (max-width: 767px) {
.client-slider-main .home-slider-1 .slick-active .slider-bg {float: none;margin: 0 0 0 50px;}
.client-slider-main .home-slider-1 .slick-active + .slick-active .slider-bg{margin: 0 0 0 -15px;}
.client-slider-main .home-slider-1 .slick-active + .slick-active + .slick-active .slider-bg {margin: 0 0 0 25px;float: none;}
div#home-slider-2 .item p {background-position: center center;}
.client-slider-main .content {width: 100%;padding: 0 15px;}
.client-top {display: none;}
.client-slider-main {margin: 20px 0 0 0;}
.service .box {text-align: center;}
.service.process .right {margin: 220px 0 20px 0;}
.vision-top p {width: 100%;}
.vision-top {padding: 0 20px 40px 0;}
div#header-slider {margin: 40px 0 0 0;}
.package {padding: 0 0 50px 0;}
.client {padding: 50px 0;}
.service .box h4 br {display: none;}
.service .box h4 {margin: 20px 0 0 0;}
.logo {padding: 30px 0;}
.business {background: white;padding:50px 30px;}
.logo {position: initial;margin: 0 0 70px 0;}
.exprience {padding: 30px 0;}
.logo li {padding: 0;display: block;margin: 10px auto 10px auto;width: 150px;}
.logo li::after {display: none;}
.exprience .box-main:hover::before {top: 40px;}
.exprience .boxx {margin: 60px 0 0 0;}
}
@media (max-width: 575px) {
section.package.app-package {padding: 30px 0;}
.modal-body .year {margin: 0 0 10px 0;}
.business {padding: 50px 15px 0 15px;}
.client {padding: 50px 0 0 0;}
.client-slider-main .home-slider-1 .slick-track {padding: 0;}
.client-slider-main .home-slider-1 .slick-list.draggable {height: 250px !important;}
.client-slider-main {margin: 0 0 0 0;}
.client-slider-main .home-slider-1 {margin: 40px 0 0 0;}
.client-slider-main .content {margin: 0;}
.client-slider-main .home-slider-1 .slick-active .slider-bg img {width: 100%;height: auto;}
.client-slider-main .home-slider-1 .slick-slide {height: 200px !important;}
.client-slider-main .home-slider-1 .slick-active .slider-bg{width: 205px !important;height: 200px !important;background: transparent;padding: 0 !important;float: none;margin: 20px auto;}
.client-slider-main .home-slider-1 .slick-active .slider-bg::after {position: absolute;content: '';background: url("../images/slider-active.png") no-repeat;width: 255px;height: 255px;right: -30px;margin: 0 auto;top: -28px;}
section.service.process {padding: 30px 0;}
.service.process .right {margin: 20px 0 0 0;}
.service {text-align: center;background: white;padding: 0;}
.home-banner-inner .box img {width: 100%;margin: 0 auto;display: block;position: initial;}
.home-banner-inner .box {padding: 30px 0;}
.home-banner-inner h1 {font-size: 30px;line-height: 35px;}
.home-banner-main {padding: 120px 0 50px 0;}
}
@media (max-width: 375px)
{
.modal-body {padding: 30px 10px;}
.business {padding: 30px 0;}
}
@media (min-width: 0px) and (max-width: 991px) {
.app-banner .right img {display: none;}
.service .box h4 br {display: none;}
.ani-package-main {padding-bottom: 20px;}
.ani-client.client {padding: 70px 0;}
.package.anim-package {padding: 40px 0 160px 0;}
.ani-banner img.ani-banner-img {display: none;}
.web-design-banner .right img {display: none;}
.privacy-banner h2 {font-size: 50px;}
.pack-2 {margin: 40px 0 0 0;}
.client-top img.img-4 {top: 120px;}
.client-top img.img-5 {top: 120px;right: 0;}
.about-banner img.about-img {display: none;}
.about-banner h1 br {display: none;}
.about-banner {text-align: center;}
.about-banner ul {display: table;margin: 20px auto;}
ul.vision-bottom li {width: 100%;border-bottom: 10px solid #e5f3fb;padding: 30px 30px 30px 0;margin: 30px 0 0 0;}
ul.vision-bottom li:last-child {border-right: 10px solid #e5f3fb;padding-left: 0;padding-right: 30px;}
.define {padding: 40px 0;}
.define .box-1::after,.define .box-2::after {display: none;}
.home-banner-inner .box {min-height: 400px;}
.service {padding: 60px 0 0 0;}
.logo li {padding: 0 23px;}
.service .right {margin: 40px 0 0 0;}
.portfolio .tab-pane img {margin: 30px 0 0 0 !important;}
.business h6 {color: #f02b13;}
.business h2, .business p {color: black;}
.nav-menu > li > a:hover::before, li.active a::before {display: none;}
span.noti-tag {right: unset;left: 30px;top: 10px;}
.nav-menu>li button a {padding: 0 0 10px 15px;height: auto;font-size: 15px !important;color: white;}
.user-header li.dropdown a span {top: 4px;left: 6px;}
.user-header ul.nav-menu .main-header__searchbar__close img {display: block !important;}
.user-header ul.nav-menu img {display: none !important;}
.user-header .nav-menu > li > a {font-size: 15px;}
.main-header__search__toggle span.icon-search {margin: 0 0 0 20px;color: #fba419;}
.main-header__search__toggle span.icon-search i {transform: rotate(95deg);}
.main-header__search__toggle {position: initial;margin: 0 0 10px 0;padding: 0;}
.user-header .nav-toggle:before {box-shadow: 0 0.5em 0 0 #1c7e81, 0 1em 0 0 #1c7e81;background: #1c7e81;}
.user-header .nav-toggle {margin: -20px 0 0 0;}
.user-profile {position: initial;width: 100%;margin: 0 0 20px 0;}
.register-menu ul.nav-menu {margin: 30px 0 0 0;}
.login-inner .left {display: none;}
/*menu start here*/
.nav-toggle:before {/* box-shadow: 0 0.5em 0 0 #fa0046, 0 1em 0 0 #fa0046; *//* background: #fa0046; */}
.navigation-portrait .nav-menu > li > a {/* color: black; */padding: 0 10px 10px 20px!important;border: 0!important;margin: 0;background: transparent;height: auto;}
.navigation-portrait .nav-menu>li:last-child {padding: 10px 0 0px 0 !important;}
.navigation-portrait .nav-menu>li {padding: 10px 0 0 0!important;}
/*menu end here*/
h1 {font-size: 40px;line-height: 45px;}
h2 {font-size: 30px;line-height: 35px !important;}
h3 {font-size: 22;}
h4 {font-size: 20px;}
h5 {font-size: 20px;}
h6 {font-size: 19px}
}
/*======================= responsive end here==============*/