/* @media only screen and (min-width: 1025px) {
     @keyframes vscomp-animation-spin {
         to {
             transform: rotateZ(360deg)
         }
     }

     .vscomp-ele {
         display: inline-block;
         max-width: 250px;
         width: 100%
     }

     .vscomp-wrapper {
         color: #333;
         display: inline-flex;
         flex-wrap: wrap;
         font-family: sans-serif;
         font-size: 14px;
         position: relative;
         text-align: left;
         width: 100%
     }

     .vscomp-wrapper *,
     .vscomp-wrapper *::before,
     .vscomp-wrapper *::after {
         box-sizing: border-box
     }

     .vscomp-toggle-button {
         align-items: center;
         background-color: #fff;
         border: 1px solid #ddd;
         display: flex;
         padding: 7px 30px 7px 10px;
         position: relative;
         width: 100%
     }

     .vscomp-value {
         height: 20px;
         line-height: 20px;
         max-width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap
     }

     .vscomp-arrow {
         align-items: center;
         display: flex;
         height: 100%;
         justify-content: center;
         position: absolute;
         right: 0;
         top: 0;
         width: 30px
     }

     .vscomp-arrow::after {
         transform: rotate(45deg);
         border: 1px solid rgba(0, 0, 0, 0);
         border-bottom-color: #111;
         border-right-color: #111;
         content: "";
         height: 8px;
         margin-top: -6px;
         width: 8px
     }

     .vscomp-clear-icon {
         height: 12px;
         position: relative;
         width: 12px
     }

     .vscomp-clear-icon::before,
     .vscomp-clear-icon::after {
         background-color: #999;
         content: "";
         height: 12px;
         left: 5px;
         position: absolute;
         top: 0;
         width: 2px
     }

     .vscomp-clear-icon::before {
         transform: rotate(45deg)
     }

     .vscomp-clear-icon::after {
         transform: rotate(-45deg)
     }

     .vscomp-clear-button {
         align-items: center;
         border-radius: 50%;
         display: none;
         height: 24px;
         justify-content: center;
         margin-top: -12px;
         position: absolute;
         right: 30px;
         top: 50%;
         width: 24px
     }

     .vscomp-dropbox-close-button {
         align-items: center;
         background-color: #fff;
         border-radius: 50%;
         bottom: -48px;
         display: none;
         height: 40px;
         justify-content: center;
         left: 50%;
         margin-left: -20px;
         position: absolute;
         width: 40px
     }

     .vscomp-dropbox-container {
         width: 100%;
         z-index: 2
     }

     .vscomp-dropbox {
         background-color: #fff;
         width: 100%
     }

     .vscomp-options-container {
         max-height: 210px;
         overflow: auto;
         position: relative
     }

     .vscomp-options-bottom-freezer {
         bottom: 0;
         height: 2px;
         left: 0;
         position: absolute;
         right: 0
     }

     .vscomp-option {
         align-items: center;
         display: flex;
         flex-wrap: wrap;
         height: 40px;
         padding: 0 15px;
         position: relative
     }

     .vscomp-option-text {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         width: 100%
     }

     .vscomp-search-container {
         align-items: center;
         display: none !important;
         border-bottom: 1px solid #ddd;
         display: flex;
         height: 40px;
         padding: 0 5px 0 15px;
         position: relative
     }

     .vscomp-search-label,
     .vscomp-dropbox-container-top,
     .vscomp-dropbox-container-bottom {
         border: 0;
         display: none;
         clip: rect(0 0 0 0);
         height: 1px;
         margin: -1px;
         overflow: hidden;
         padding: 0;
         position: absolute;
         white-space: nowrap;
         width: 1px
     }

     .vscomp-search-input {
         background-color: rgba(0, 0, 0, 0);
         border: 0;
         color: inherit;
         display: none;
         font-size: 15px;
         height: 38px;
         padding: 10px 0;
         width: calc(100% - 30px)
     }

     .vscomp-search-clear {
         align-items: center;
         color: #999;
         display: flex;
         font-size: 25px;
         height: 30px;
         justify-content: center;
         visibility: hidden;
         width: 30px
     }

     .vscomp-no-options,
     .vscomp-no-search-results {
         align-items: center;
         display: none;
         justify-content: center;
         padding: 20px 10px
     }

     .vscomp-options-loader {
         display: none;
         padding: 20px 0;
         text-align: center
     }

     .vscomp-options-loader::before {
         animation: vscomp-animation-spin .8s infinite linear;
         background-color: #fff;
         border-radius: 50%;
         box-shadow: -4px -5px 3px -3px rgba(0, 0, 0, .3);
         content: "";
         display: inline-block;
         height: 40px;
         opacity: .7;
         width: 40px
     }

     .vscomp-wrapper .checkbox-icon {
         display: inline-flex;
         height: 15px;
         margin-right: 10px;
         position: relative;
         width: 15px
     }

     .vscomp-wrapper .checkbox-icon::after {
         border: 2px solid #888;
         content: "";
         display: inline-block;
         height: 100%;
         width: 100%
     }

     .vscomp-wrapper.has-select-all .vscomp-toggle-all-button {
         align-items: center;
         display: flex
     }

     .vscomp-wrapper.has-select-all .vscomp-search-input,
     .vscomp-wrapper.has-select-all .vscomp-toggle-all-label {
         width: calc(100% - 55px)
     }

     .vscomp-wrapper.has-select-all .vscomp-toggle-all-label {
         display: none
     }

     .vscomp-wrapper.multiple .vscomp-option .vscomp-option-text {
         width: calc(100% - 25px)
     }

     .vscomp-wrapper.closed .vscomp-dropbox-container {
         display: none
     }

     .vscomp-wrapper:not(.has-value) .vscomp-value {
         opacity: 1;
         color: #000
     }

     .vscomp-wrapper.has-clear-button .vscomp-toggle-button {
         padding-right: 54px
     }

     .pop-comp-wrapper {
         display: none;
         position: absolute;
         top: 0;
         left: 0;
         opacity: 0;
         color: #000;
         background-color: #fff;
         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
         text-align: left;
         flex-wrap: wrap;
         z-index: 1
     }

     :root {
         --iti-hover-color: rgba(0, 0, 0, 0.05);
         --iti-border-color: #ccc;
         --iti-dialcode-color: #999;
         --iti-dropdown-bg: white;
         --iti-spacer-horizontal: 8px;
         --iti-flag-height: 12px;
         --iti-flag-width: 16px;
         --iti-border-width: 1px;
         --iti-arrow-height: 4px;
         --iti-arrow-width: 6px;
         --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
         --iti-arrow-padding: 6px;
         --iti-arrow-color: #555;
         --iti-path-flags-1x: url("../img/flags.webp");
         --iti-path-flags-2x: url("../img/flags@2x.webp");
         --iti-path-globe-1x: url("../img/globe.webp");
         --iti-path-globe-2x: url("../img/globe@2x.webp");
         --iti-flag-sprite-width: 3904px;
         --iti-flag-sprite-height: 12px;
         --iti-mobile-popup-margin: 30px
     }

     .iti {
         position: relative;
         display: inline-block
     }

     .iti * {
         box-sizing: border-box
     }

     .iti__hide {
         display: none
     }

     .iti__a11y-text {
         width: 1px;
         height: 1px;
         clip: rect(1px, 1px, 1px, 1px);
         overflow: hidden;
         position: absolute
     }

     .iti input.iti__tel-input,
     .iti input.iti__tel-input[type=tel] {
         position: relative;
         z-index: 0;
         margin: 0 !important
     }

     .iti__country-container {
         position: absolute;
         top: 0;
         bottom: 0;
         padding: var(--iti-border-width)
     }

     .iti__selected-country {
         z-index: 1;
         position: relative;
         display: flex;
         align-items: center;
         height: 100%;
         background: 0 0;
         border: 0;
         margin: 0;
         padding: 0;
         font-family: inherit;
         font-size: inherit;
         color: inherit;
         border-radius: 0;
         font-weight: inherit;
         line-height: inherit;
         text-decoration: none
     }

     .iti__selected-country-primary {
         display: flex;
         align-items: center;
         height: 100%;
         padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)
     }

     .iti__arrow {
         margin-left: var(--iti-arrow-padding);
         width: 0;
         height: 0;
         border-left: var(--iti-triangle-border) solid transparent;
         border-right: var(--iti-triangle-border) solid transparent;
         border-top: var(--iti-arrow-height) solid var(--iti-arrow-color)
     }

     .iti__dropdown-content {
         border-radius: 3px;
         background-color: var(--iti-dropdown-bg)
     }

     .iti--inline-dropdown .iti__dropdown-content {
         position: absolute;
         z-index: 2;
         margin-top: 3px;
         margin-left: calc(var(--iti-border-width) * -1);
         border: var(--iti-border-width) solid var(--iti-border-color);
         box-shadow: 1px 1px 4px rgba(0, 0, 0, .2)
     }

     .iti__search-input {
         width: 100%;
         border-width: 0;
         border-radius: 3px
     }

     .iti__country-list {
         list-style: none;
         padding: 0;
         margin: 0;
         overflow-y: scroll;
         -webkit-overflow-scrolling: touch
     }

     .iti--inline-dropdown .iti__country-list {
         max-height: 185px
     }

     .iti__country {
         display: flex;
         align-items: center;
         padding: 8px var(--iti-spacer-horizontal);
         outline: 0
     }

     .iti__dial-code {
         color: var(--iti-dialcode-color)
     }

     .iti__country.iti__highlight {
         background-color: var(--iti-hover-color)
     }

     .iti__country-list .iti__flag,
     .iti__country-name {
         margin-right: var(--iti-spacer-horizontal)
     }

     .iti__flag {
         --iti-flag-offset: 100px;
         height: var(--iti-flag-height);
         width: var(--iti-flag-width);
         border-radius: 1px;
         box-shadow: 0 0 1px 0 #888;
         background-image: var(--iti-path-flags-1x);
         background-repeat: no-repeat;
         background-position: var(--iti-flag-offset) 0;
         background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)
     }

     .iti__ad {
         --iti-flag-offset: -16px
     }

     .iti__ae {
         --iti-flag-offset: -32px
     }

     .iti__al {
         --iti-flag-offset: -96px
     }

     .iti__at {
         --iti-flag-offset: -176px
     }

     .iti__au {
         --iti-flag-offset: -192px
     }

     .iti__br {
         --iti-flag-offset: -480px
     }

     .iti__ca {
         --iti-flag-offset: -576px
     }

     .iti__ch {
         --iti-flag-offset: -656px
     }

     .iti__cn {
         --iti-flag-offset: -736px
     }

     .iti__cz {
         --iti-flag-offset: -864px
     }

     .iti__de {
         --iti-flag-offset: -880px
     }

     .iti__dk {
         --iti-flag-offset: -912px
     }

     .iti__es {
         --iti-flag-offset: -1056px
     }

     .iti__fi {
         --iti-flag-offset: -1088px
     }

     .iti__ge {
         --iti-flag-offset: -1232px
     }

     .iti__is {
         --iti-flag-offset: -1680px
     }

     .iti__jm {
         --iti-flag-offset: -1728px
     }

     .iti__kw {
         --iti-flag-offset: -1904px
     }

     .iti__mx {
         --iti-flag-offset: -2448px
     }

     .iti__nl {
         --iti-flag-offset: -2592px
     }

     .iti__no {
         --iti-flag-offset: -2608px
     }

     .iti__pl {
         --iti-flag-offset: -2800px
     }

     .iti__qa {
         --iti-flag-offset: -2912px
     }

     .iti__ro {
         --iti-flag-offset: -2944px
     }

     .iti__ru {
         --iti-flag-offset: -2976px
     }

     .iti__sa {
         --iti-flag-offset: -3008px
     }

     .iti__se {
         --iti-flag-offset: -3072px
     }

     .iti__tr {
         --iti-flag-offset: -3504px
     }

     .iti__us {
         --iti-flag-offset: -3616px
     }

     html,
     body,
     div,
     span,
     iframe,
     h1,
     h2,
     h3,
     h5,
     h6,
     p,
     a,
     img,
     i,
     ul,
     li,
     form,
     label,
     header,
     section {
         margin: 0;
         padding: 0;
         border: 0;
         font-size: 100%;
         font: inherit;
         vertical-align: middle
     }

     header,
     section {
         display: block
     }

     body {
         line-height: 1
     }

     ul {
         list-style: none
     }

     [data-aos^=fade][data-aos^=fade] {
         opacity: 0
     }

     [data-aos^=fade][data-aos^=fade].aos-animate {
         opacity: 1;
         transform: translateZ(0)
     }

     [data-aos=fade-up] {
         transform: translate3d(0, 100px, 0)
     }

     [data-aos=fade-right] {
         transform: translate3d(-100px, 0, 0)
     }

     [data-aos=fade-left] {
         transform: translate3d(100px, 0, 0)
     }

     [data-aos^=zoom][data-aos^=zoom] {
         opacity: 0
     }

     [data-aos^=zoom][data-aos^=zoom].aos-animate {
         opacity: 1;
         transform: translateZ(0) scale(1)
     }

     [data-aos=zoom-in] {
         transform: scale(.6)
     }

     :root {
         --blue: #007bff;
         --indigo: #6610f2;
         --purple: #6f42c1;
         --pink: #e83e8c;
         --red: #dc3545;
         --orange: #fd7e14;
         --yellow: #ffc107;
         --green: #28a745;
         --teal: #20c997;
         --cyan: #17a2b8;
         --white: #fff;
         --gray: #6c757d;
         --gray-dark: #343a40;
         --primary: #007bff;
         --secondary: #6c757d;
         --success: #28a745;
         --info: #17a2b8;
         --warning: #ffc107;
         --danger: #dc3545;
         --light: #f8f9fa;
         --dark: #343a40;
         --breakpoint-xs: 0;
         --breakpoint-sm: 576px;
         --breakpoint-md: 768px;
         --breakpoint-lg: 992px;
         --breakpoint-xl: 1200px;
         --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
         --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
     }

     *,
     ::after,
     ::before {
         box-sizing: border-box
     }

     html {
         font-family: sans-serif;
         line-height: 1.15;
         -webkit-text-size-adjust: 100%;
         -ms-text-size-adjust: 100%;
         -ms-overflow-style: scrollbar
     }

     @-ms-viewport {
         width: device-width
     }

     header,
     section {
         display: block
     }

     body {
         margin: 0;
         font-size: 1rem;
         font-weight: 400;
         line-height: 1.5;
         color: #212529;
         text-align: left;
         background-color: #fff
     }

     h1,
     h2,
     h3,
     h5,
     h6 {
         margin-top: 0;
         margin-bottom: .5rem
     }

     p {
         margin-top: 0;
         margin-bottom: 1rem
     }

     ul {
         margin-top: 0;
         margin-bottom: 0
     }

     a {
         color: #007bff;
         text-decoration: none;
         background-color: transparent;
         -webkit-text-decoration-skip: objects
     }

     a:not([href]):not([tabindex]) {
         color: inherit;
         text-decoration: none
     }

     img {
         vertical-align: middle;
         border-style: none
     }

     svg:not(:root) {
         overflow: hidden
     }

     label {
         display: inline-block;
         margin-bottom: .5rem
     }

     button {
         border-radius: 0
     }

     button,
     input,
     textarea {
         margin: 0;
         font-family: inherit;
         font-size: inherit;
         line-height: inherit
     }

     button,
     input {
         overflow: visible
     }

     button {
         text-transform: none
     }

     [type=submit],
     button,
     html [type=button] {
         -webkit-appearance: button
     }

     [type=button]::-moz-focus-inner,
     [type=submit]::-moz-focus-inner,
     button::-moz-focus-inner {
         padding: 0;
         border-style: none
     }

     input[type=checkbox] {
         box-sizing: border-box;
         padding: 0
     }

     textarea {
         overflow: auto;
         resize: vertical
     }

     ::-webkit-file-upload-button {
         font: inherit;
         -webkit-appearance: button
     }

     h1,
     h2,
     h3,
     h5,
     h6 {
         margin-bottom: .5rem;
         font-family: inherit;
         font-weight: 500;
         line-height: 1.2;
         color: inherit
     }

     h1 {
         font-size: 2.5rem
     }

     h2 {
         font-size: 2rem
     }

     h3 {
         font-size: 1.75rem
     }

     h5 {
         font-size: 1.25rem
     }

     h6 {
         font-size: 1rem
     }

     .container {
         width: 100%;
         padding-right: 15px;
         padding-left: 15px;
         margin-right: auto;
         margin-left: auto
     }

     @media (min-width:576px) {
         .container {
             max-width: 540px
         }
     }

     @media (min-width:768px) {
         .container {
             max-width: 720px
         }
     }

     @media (min-width:992px) {
         .container {
             max-width: 960px
         }
     }

     @media (min-width:1200px) {
         .container {
             max-width: 1140px
         }
     }

     .row {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         margin-right: -15px;
         margin-left: -15px
     }

     .col-md-3,
     .col-md-6,
     .col-md-9 {
         position: relative;
         width: 100%;
         min-height: 1px;
         padding-right: 15px;
         padding-left: 15px
     }

     @media (min-width:768px) {
         .col-md-3 {
             -webkit-box-flex: 0;
             -ms-flex: 0 0 25%;
             flex: 0 0 25%;
             max-width: 25%
         }

         .col-md-6 {
             -webkit-box-flex: 0;
             -ms-flex: 0 0 50%;
             flex: 0 0 50%;
             max-width: 50%
         }

         .col-md-9 {
             -webkit-box-flex: 0;
             -ms-flex: 0 0 75%;
             flex: 0 0 75%;
             max-width: 75%
         }
     }

     .form-control {
         display: block;
         width: 100%;
         padding: .375rem .75rem;
         font-size: 1rem;
         line-height: 1.5;
         color: #495057;
         background-color: #fff;
         background-clip: padding-box;
         border: 1px solid #ced4da;
         border-radius: .25rem
     }

     .form-control::-ms-expand {
         background-color: transparent;
         border: 0
     }

     .form-control::-webkit-input-placeholder {
         color: #6c757d;
         opacity: 1
     }

     .form-control::-moz-placeholder {
         color: #6c757d;
         opacity: 1
     }

     .form-control:-ms-input-placeholder {
         color: #6c757d;
         opacity: 1
     }

     .form-control::-ms-input-placeholder {
         color: #6c757d;
         opacity: 1
     }

     .form-group {
         margin-bottom: 1rem
     }

     .form-check {
         position: relative;
         display: block;
         padding-left: 1.25rem
     }

     .form-check-input {
         position: absolute;
         margin-top: .3rem;
         margin-left: -1.25rem
     }

     .form-check-label {
         margin-bottom: 0
     }

     .btn {
         display: inline-block;
         font-weight: 400;
         text-align: center;
         white-space: nowrap;
         vertical-align: middle;
         border: 1px solid transparent;
         padding: .375rem .75rem;
         font-size: 1rem;
         line-height: 1.5;
         border-radius: .25rem
     }

     .btn-primary {
         color: #fff;
         background-color: #0f6ce2;
         border-color: #0f6ce2
     }

     .fade {
         opacity: 0
     }

     .fade.show {
         opacity: 1
     }

     .collapse {
         display: none
     }

     .tab-content>.tab-pane {
         display: none
     }

     .card-body {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         padding: 1.25rem
     }

     .modal {
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: 1050;
         display: none;
         overflow: hidden;
         outline: 0
     }

     .modal-dialog {
         position: relative;
         width: auto;
         margin: .5rem
     }

     .modal.fade .modal-dialog {
         -webkit-transform: translate(0, -25%);
         transform: translate(0, -25%)
     }

     .modal-content {
         position: relative;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         width: 100%;
         background-color: #fff;
         background-clip: padding-box;
         border: 1px solid rgba(0, 0, 0, .2);
         border-radius: .3rem;
         outline: 0
     }

     .modal-header {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         padding: 1rem;
         border-bottom: 1px solid #e9ecef;
         border-top-left-radius: .3rem;
         border-top-right-radius: .3rem
     }

     .modal-body {
         position: relative;
         -webkit-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         padding: 1rem
     }

     @media (min-width:576px) {
         .modal-dialog {
             max-width: 500px;
             margin: 1.75rem auto
         }
     }

     @media (min-width:992px) {
         .modal-lg {
             max-width: 800px
         }
     }

     .bg-dark {
         background-color: #343a40 !important
     }

     .bg-white {
         background-color: #fff !important
     }

     .border-0 {
         border: 0 !important
     }

     .border-danger {
         border-color: #dc3545 !important
     }

     .d-none {
         display: none !important
     }

     @media (min-width:768px) {
         .d-md-block {
             display: block !important
         }
     }

     .align-items-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .w-100 {
         width: 100% !important
     }

     .mt-2,
     .my-2 {
         margin-top: .5rem !important
     }

     .mb-2,
     .my-2 {
         margin-bottom: .5rem !important
     }

     .mt-3 {
         margin-top: 1rem !important
     }

     .mb-3 {
         margin-bottom: 1rem !important
     }

     .mb-4 {
         margin-bottom: 1.5rem !important
     }

     .pt-0 {
         padding-top: 0 !important
     }

     .pb-0 {
         padding-bottom: 0 !important
     }

     .p-1 {
         padding: .25rem !important
     }

     .py-2 {
         padding-top: .5rem !important
     }

     .py-2 {
         padding-bottom: .5rem !important
     }

     .py-3 {
         padding-top: 1rem !important
     }

     .pb-3,
     .py-3 {
         padding-bottom: 1rem !important
     }

     .pb-4 {
         padding-bottom: 1.5rem !important
     }

     @media (min-width:992px) {
         .mt-lg-0 {
             margin-top: 0 !important
         }

         .mt-lg-4 {
             margin-top: 1.5rem !important
         }

         .mb-lg-4 {
             margin-bottom: 1.5rem !important
         }
     }

     .text-center {
         text-align: center !important
     }

     @media (min-width:992px) {
         .text-lg-right {
             text-align: right !important
         }
     }

     .text-white {
         color: #fff !important
     }

     .text-danger {
         color: #dc3545 !important
     }

     .owl-theme .owl-dots,
     .owl-theme .owl-nav {
         text-align: center
     }

     .owl-theme .owl-nav {
         margin-top: 10px
     }

     .owl-theme .owl-nav [class*=owl-] {
         color: #FFF;
         font-size: 14px;
         margin: 5px;
         padding: 4px 7px;
         background: #D6D6D6;
         display: inline-block;
         border-radius: 3px
     }

     .owl-theme .owl-nav.disabled+.owl-dots {
         margin-top: 10px
     }

     .owl-theme .owl-dots .owl-dot {
         display: inline-block;
         zoom: 1
     }

     .owl-theme .owl-dots .owl-dot span {
         width: 10px;
         height: 10px;
         margin: 5px 3px;
         background: #bebebe;
         display: block;
         -webkit-backface-visibility: visible;
         border-radius: 30px
     }

     .owl-theme .owl-dots .owl-dot.active span {
         background: #e61d25
     }

     .owl-carousel,
     .owl-carousel .owl-item {
         position: relative
     }

     .owl-carousel {
         display: none;
         width: 100%;
         z-index: 1
     }

     .owl-carousel .owl-stage {
         position: relative;
         -ms-touch-action: pan-Y;
         touch-action: manipulation;
         -moz-backface-visibility: hidden
     }

     .owl-carousel .owl-stage:after {
         content: ".";
         display: block;
         clear: both;
         visibility: hidden;
         line-height: 0;
         height: 0
     }

     .owl-carousel .owl-stage-outer {
         position: relative;
         overflow: hidden;
         -webkit-transform: translate3d(0, 0, 0)
     }

     .owl-carousel .owl-item {
         -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0)
     }

     .owl-carousel .owl-item {
         min-height: 1px;
         float: left;
         -webkit-backface-visibility: hidden;
         -webkit-touch-callout: none
     }

     .owl-carousel .owl-dots.disabled,
     .owl-carousel .owl-nav.disabled {
         display: none
     }

     .owl-carousel.owl-loaded {
         display: block
     }

     .owl-carousel .owl-nav button.owl-next,
     .owl-carousel .owl-nav button.owl-prev,
     .owl-carousel button.owl-dot {
         background: 0 0;
         color: inherit;
         border: none;
         padding: 0 !important;
         font: inherit
     }

     .owl-carousel.owl-drag .owl-item {
         -ms-touch-action: pan-y;
         touch-action: pan-y
     }

     h1,
     h2,
     h3,
     h5,
     h6,
     p,
     ul {
         margin-top: 0
     }

     body {
         text-align: left
     }

     textarea {
         overflow: auto
     }

     header,
     section {
         display: block
     }

     button,
     input {
         overflow: visible
     }

     a {
         text-decoration: none
     }

     ul {
         list-style: none
     }

     a,
     body,
     div,
     form,
     h1,
     h2,
     h3,
     h5,
     h6,
     header,
     html,
     i,
     iframe,
     img,
     label,
     li,
     p,
     section,
     span,
     ul {
         margin: 0;
         padding: 0;
         border: 0;
         font-size: 100%;
         font: inherit;
         vertical-align: middle
     }

     p {
         margin-bottom: 1rem
     }

     label {
         margin-bottom: .5rem
     }

     [data-aos^=fade][data-aos^=fade],
     [data-aos^=zoom][data-aos^=zoom] {
         opacity: 0
     }

     [data-aos^=fade][data-aos^=fade].aos-animate {
         opacity: 1;
         transform: translateZ(0)
     }

     [data-aos=fade-up] {
         transform: translate3d(0, 100px, 0)
     }

     [data-aos=fade-right] {
         transform: translate3d(-100px, 0, 0)
     }

     [data-aos=fade-left] {
         transform: translate3d(100px, 0, 0)
     }

     [data-aos^=zoom][data-aos^=zoom].aos-animate {
         opacity: 1;
         transform: translateZ(0) scale(1)
     }

     [data-aos=zoom-in] {
         transform: scale(.6)
     }

     :root {
         --blue: #007bff;
         --indigo: #6610f2;
         --purple: #6f42c1;
         --pink: #e83e8c;
         --red: #dc3545;
         --orange: #fd7e14;
         --yellow: #ffc107;
         --green: #28a745;
         --teal: #20c997;
         --cyan: #17a2b8;
         --white: #fff;
         --gray: #6c757d;
         --gray-dark: #343a40;
         --primary: #007bff;
         --secondary: #6c757d;
         --success: #28a745;
         --info: #17a2b8;
         --warning: #ffc107;
         --danger: #dc3545;
         --light: #f8f9fa;
         --dark: #343a40;
         --breakpoint-xs: 0;
         --breakpoint-sm: 576px;
         --breakpoint-md: 768px;
         --breakpoint-lg: 992px;
         --breakpoint-xl: 1200px;
         --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
         --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
     }

     *,
     ::after,
     ::before {
         box-sizing: border-box
     }

     html {
         font-family: sans-serif;
         line-height: 1.15;
         -webkit-text-size-adjust: 100%;
         -ms-text-size-adjust: 100%;
         -ms-overflow-style: scrollbar
     }

     @-ms-viewport {
         width: device-width
     }

     body {
         margin: 0;
         font-size: 1rem;
         font-weight: 400;
         line-height: 1.5;
         color: #212529;
         background-color: #fff
     }

     .form-check-label,
     ul {
         margin-bottom: 0
     }

     .btn,
     img {
         vertical-align: middle
     }

     a {
         color: #007bff;
         background-color: transparent;
         -webkit-text-decoration-skip: objects
     }

     a:not([href]):not([tabindex]) {
         color: inherit;
         text-decoration: none
     }

     img {
         border-style: none
     }

     svg:not(:root) {
         overflow: hidden
     }

     label {
         display: inline-block
     }

     button {
         border-radius: 0
     }

     button,
     input,
     textarea {
         margin: 0;
         font-family: inherit;
         font-size: inherit;
         line-height: inherit
     }

     button {
         text-transform: none
     }

     [type=submit],
     button,
     html [type=button] {
         -webkit-appearance: button
     }

     [type=button]::-moz-focus-inner,
     [type=submit]::-moz-focus-inner,
     button::-moz-focus-inner {
         padding: 0;
         border-style: none
     }

     input[type=checkbox] {
         box-sizing: border-box;
         padding: 0
     }

     textarea {
         resize: vertical
     }

     ::-webkit-file-upload-button {
         font: inherit;
         -webkit-appearance: button
     }

     .collapse,
     .owl-carousel .owl-dots.disabled,
     .owl-carousel .owl-nav.disabled,
     .tab-content>.tab-pane {
         display: none
     }

     .d-none {
         display: none !important
     }

     h1,
     h2,
     h3,
     h5,
     h6 {
         margin-bottom: .5rem;
         font-family: inherit;
         font-weight: 500;
         line-height: 1.2;
         color: inherit
     }

     h1 {
         font-size: 2.5rem
     }

     h2 {
         font-size: 2rem
     }

     h3 {
         font-size: 1.75rem
     }

     h5 {
         font-size: 1.25rem
     }

     h6 {
         font-size: 1rem
     }

     .btn {
         font-weight: 400
     }

     .container {
         width: 100%;
         padding-right: 15px;
         padding-left: 15px;
         margin-right: auto;
         margin-left: auto
     }

     .row {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         margin-right: -15px;
         margin-left: -15px
     }

     .col-md-3,
     .col-md-6,
     .col-md-9 {
         position: relative;
         width: 100%;
         min-height: 1px;
         padding-right: 15px;
         padding-left: 15px
     }

     .modal {
         overflow: hidden
     }

     .form-control {
         display: block;
         width: 100%;
         padding: .375rem .75rem;
         font-size: 1rem;
         line-height: 1.5;
         color: #495057;
         background-color: #fff;
         background-clip: padding-box;
         border: 1px solid #ced4da;
         border-radius: .25rem
     }

     .form-control::-ms-expand {
         background-color: transparent;
         border: 0
     }

     .form-control::-webkit-input-placeholder {
         color: #6c757d;
         opacity: 1
     }

     .form-control::-moz-placeholder {
         color: #6c757d;
         opacity: 1
     }

     .form-control:-ms-input-placeholder {
         color: #6c757d;
         opacity: 1
     }

     .form-control::-ms-input-placeholder {
         color: #6c757d;
         opacity: 1
     }

     .form-group {
         margin-bottom: 1rem
     }

     .form-check {
         position: relative;
         display: block;
         padding-left: 1.25rem
     }

     .form-check-input {
         position: absolute;
         margin-top: .3rem;
         margin-left: -1.25rem
     }

     .btn {
         display: inline-block;
         text-align: center;
         white-space: nowrap;
         border: 1px solid transparent;
         padding: .375rem .75rem;
         font-size: 1rem;
         line-height: 1.5;
         border-radius: .25rem
     }

     .owl-carousel.owl-loaded {
         display: block
     }

     .btn-primary {
         color: #fff;
         background-color: #0f6ce2;
         border-color: #0f6ce2
     }

     .fade {
         opacity: 0
     }

     .fade.show {
         opacity: 1
     }

     .modal-content {
         background-clip: padding-box
     }

     .card-body {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         padding: 1.25rem
     }

     .modal-content {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal
     }

     .modal {
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: 1050;
         display: none;
         outline: 0
     }

     .modal-dialog {
         position: relative;
         width: auto;
         margin: .5rem
     }

     .modal.fade .modal-dialog {
         -webkit-transform: translate(0, -25%);
         transform: translate(0, -25%)
     }

     .modal-content,
     .modal-header {
         display: -webkit-box;
         display: -ms-flexbox
     }

     .modal-content {
         position: relative;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         width: 100%;
         background-color: #fff;
         border: 1px solid rgba(0, 0, 0, .2);
         border-radius: .3rem;
         outline: 0
     }

     .modal-header {
         display: flex;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         padding: 1rem;
         border-bottom: 1px solid #e9ecef;
         border-top-left-radius: .3rem;
         border-top-right-radius: .3rem
     }

     .modal-body {
         position: relative;
         -webkit-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         padding: 1rem
     }

     .bg-dark {
         background-color: #343a40 !important
     }

     .bg-white {
         background-color: #fff !important
     }

     .border-0 {
         border: 0 !important
     }

     .border-danger {
         border-color: #dc3545 !important
     }

     .align-items-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .w-100 {
         width: 100% !important
     }

     .mt-2,
     .my-2 {
         margin-top: .5rem !important
     }

     .mb-2,
     .my-2 {
         margin-bottom: .5rem !important
     }

     .mt-3 {
         margin-top: 1rem !important
     }

     .mb-3 {
         margin-bottom: 1rem !important
     }

     .mb-4 {
         margin-bottom: 1.5rem !important
     }

     .pt-0 {
         padding-top: 0 !important
     }

     .pb-0 {
         padding-bottom: 0 !important
     }

     .p-1 {
         padding: .25rem !important
     }

     .py-2 {
         padding-top: .5rem !important
     }

     .py-2 {
         padding-bottom: .5rem !important
     }

     .py-3 {
         padding-top: 1rem !important
     }

     .pb-3,
     .py-3 {
         padding-bottom: 1rem !important
     }

     .pb-4 {
         padding-bottom: 1.5rem !important
     }

     .text-center {
         text-align: center !important
     }

     @media (min-width:576px) {
         .container {
             max-width: 540px
         }

         .modal-dialog {
             max-width: 500px;
             margin: 1.75rem auto
         }
     }

     @media (min-width:768px) {
         .container {
             max-width: 720px
         }

         .col-md-3 {
             -webkit-box-flex: 0;
             -ms-flex: 0 0 25%;
             flex: 0 0 25%;
             max-width: 25%
         }

         .col-md-6 {
             -webkit-box-flex: 0;
             -ms-flex: 0 0 50%;
             flex: 0 0 50%;
             max-width: 50%
         }

         .col-md-9 {
             -webkit-box-flex: 0;
             -ms-flex: 0 0 75%;
             flex: 0 0 75%;
             max-width: 75%
         }

         .d-md-block {
             display: block !important
         }
     }

     @media (min-width:992px) {
         .container {
             max-width: 960px
         }

         .modal-lg {
             max-width: 800px
         }

         .mt-lg-0 {
             margin-top: 0 !important
         }

         .mt-lg-4 {
             margin-top: 1.5rem !important
         }

         .mb-lg-4 {
             margin-bottom: 1.5rem !important
         }

         .text-lg-right {
             text-align: right !important
         }
     }

     @media (min-width:1200px) {
         .container {
             max-width: 1140px
         }
     }

     .text-white {
         color: #fff !important
     }

     .text-danger {
         color: #dc3545 !important
     }

     .owl-theme .owl-dots,
     .owl-theme .owl-nav {
         text-align: center
     }

     .owl-theme .owl-nav,
     .owl-theme .owl-nav.disabled+.owl-dots {
         margin-top: 10px
     }

     .owl-theme .owl-nav [class*=owl-] {
         color: #fff;
         font-size: 14px;
         margin: 5px;
         padding: 4px 7px;
         background: #d6d6d6;
         display: inline-block;
         border-radius: 3px
     }

     .owl-theme .owl-dots .owl-dot {
         display: inline-block;
         zoom: 1
     }

     .owl-theme .owl-dots .owl-dot span {
         width: 10px;
         height: 10px;
         margin: 5px 3px;
         background: #bebebe;
         display: block;
         -webkit-backface-visibility: visible;
         border-radius: 30px
     }

     .owl-theme .owl-dots .owl-dot.active span {
         background: #e61d25
     }

     .owl-carousel,
     .owl-carousel .owl-item {
         position: relative
     }

     .owl-carousel {
         display: none;
         width: 100%;
         z-index: 1
     }

     .owl-carousel .owl-stage {
         position: relative;
         -ms-touch-action: pan-Y;
         touch-action: manipulation;
         -moz-backface-visibility: hidden
     }

     .owl-carousel .owl-stage:after {
         content: ".";
         display: block;
         clear: both;
         visibility: hidden;
         line-height: 0;
         height: 0
     }

     .owl-carousel .owl-stage-outer {
         position: relative;
         overflow: hidden;
         -webkit-transform: translate3d(0, 0, 0)
     }

     .owl-carousel .owl-item {
         -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0)
     }

     .owl-carousel .owl-item {
         min-height: 1px;
         float: left;
         -webkit-backface-visibility: hidden;
         -webkit-touch-callout: none
     }

     .owl-carousel .owl-nav button.owl-next,
     .owl-carousel .owl-nav button.owl-prev,
     .owl-carousel button.owl-dot {
         background: 0 0;
         color: inherit;
         border: none;
         padding: 0 !important;
         font: inherit
     }

     .owl-carousel.owl-drag .owl-item {
         -ms-touch-action: pan-y;
         touch-action: pan-y
     }

     .fa-arrow-left:before {
         content: "\f060"
     }

     .fa-arrow-right:before {
         content: "\f061"
     }

     .fa-arrow-up:before {
         content: "\f062"
     }

     .get-started-form form,
     header,
     section {
         position: relative
     }

     a,
     h1,
     h2,
     h3,
     h5,
     h6 {
         font-family: Gilroy-SemiBold;
         font-weight: 600;
         margin: 0;
         color: #000
     }

     .counter-area .count .timer,
     h1 span {
         font-family: Gilroy-ExtraBold
     }

     @font-face {
         font-family: Gilroy-ExtraBold;
         src: url("../fonts/Gilroy-ExtraBold.woff") format("woff");
         font-weight: 700;
         font-style: normal;
         font-display: swap
     }

     @font-face {
         font-family: Gilroy-SemiBold;
         src: url("../fonts/Gilroy-SemiBold.woff") format("woff");
         font-weight: 700;
         font-style: normal;
         font-display: swap
     }

     @font-face {
         font-family: Gilroy-Medium;
         src: url("../fonts/Gilroy-Medium.woff") format("woff");
         font-weight: 700;
         font-style: normal;
         font-display: swap
     }

     .input-control::-moz-placeholder {
         color: #fff
     }

     section {
         padding: 40px 0;
         clear: both;
         scroll-behavior: smooth !important
     }

     h1 {
         font-size: 47px;
         letter-spacing: 1px;
         font-weight: 600;
         padding: 0;
         line-height: 50px;
         margin: 0
     }

     h2 {
         color: #000;
         font-size: 45px;
         letter-spacing: 0;
         margin: 0
     }

     .btn-black,
     .btn-yellow,
     p {
         font-family: Gilroy-Medium;
         font-size: 16px
     }

     p {
         margin: 0;
         color: #19233f
     }

     .counter-area .count.last:after {
         display: none
     }

     .nav-bar {
         padding: 10px 0
     }

     .primary-color {
         color: #fa9801;
         display: contents
     }

     .btn-black,
     .btn-yellow {
         padding: 13px 20px;
         background: #fa9801;
         border-radius: 10px;
         font-weight: 500;
         color: #000;
         border: 0
     }

     header {
         background: 0 0;
         z-index: 2
     }

     .input-control {
         margin: 7px 0;
         font: -webkit-control;
         padding: 15px 15px 10px 0;
         width: 100%;
         font-family: Gilroy-Medium;
         display: inline-block;
         font-size: 14px;
         color: #fff;
         background: 0 0;
         border: 0;
         border-bottom: 1px solid #d1d3d4;
         outline: 0;
         border-radius: 0
     }

     .btn-black {
         background: #1c1c1c
     }

     .get-started-form form {
         padding: 40px 30px 30px;
         background: #7b889182;
         width: 75%;
         border-radius: 15px;
         margin: auto
     }

     a#goto-top {
         position: fixed;
         bottom: 70px;
         right: 30px;
         background: #fa9801;
         color: #000;
         width: 46px;
         height: 46px;
         font-size: 22px;
         border-radius: 50px;
         z-index: 999;
         opacity: 0;
         visibility: hidden
     }

     a#goto-top.show {
         opacity: 1;
         visibility: visible
     }

     .btn-black {
         color: #fff;
         margin-right: 10px;
         border: 1px solid #1c1c1c
     }

     .banner img {
         max-width: 95%
     }

     .inner-banner::before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background-color: #303940;
         opacity: 0.85;
         z-index: 0
     }

     .inner-banner5 {
         background: url(../images/inner-banner5.webp) 100% 20% / cover no-repeat
     }

     .owl-dot.active span {
         background: #fa9801 !important
     }

     .owl-carousel .owl-nav {
         position: absolute;
         left: 0;
         right: 0;
         bottom: 210px;
         margin: 0 -20px;
         font-size: 33px;
         color: #000
     }

     .owl-carousel .owl-nav button.owl-prev {
         position: absolute;
         left: -45px;
         bottom: 0
     }

     .owl-carousel .owl-nav button.owl-next {
         position: inherit;
         right: -45px;
         bottom: 0
     }

     .counter-area .counter--wrapper {
         justify-content: space-between
     }

     .counter-area .count {
         position: relative;
         width: 100%;
         display: flex;
         justify-content: center;
         align-items: center
     }

     .counter-area .count .timer::after {
         content: "";
         position: absolute;
         right: 20px;
         top: 20px;
         width: 1px;
         height: 40px;
         background: #c1c1c1
     }

     .counter-area .count .timer {
         color: #000;
         font-size: 50px;
         position: relative;
         width: 120px
     }

     .counter-area .count .couter-text {
         display: block;
         font-size: 15px !important;
         width: 200px;
         line-height: 17px
     }

     .counter-area .count .couter-text span {
         display: block;
         color: #000;
         font-size: 18px;
         font-family: Gilroy-Medium;
         line-height: 20px
     }

     .web-tabs p {
         padding: 20px 0
     }

     .owl-carousel .owl-nav button {
         border: 1px solid #000 !important;
         width: 45px !important;
         height: 45px !important;
         border-radius: 30px !important;
         display: flex !important;
         align-items: center;
         justify-content: center
     }

     .owl-theme .owl-dots .owl-dot span {
         width: 30px;
         margin: 60px 3px 0;
         height: 4px
     }

     .faq-sec .card-body {
         padding: 0 25px 20px
     }

     .web-tabs p {
         font-size: 17px
     }

     .web-tabs .tab-pane {
         height: 180px
     }

     .book-stone img {
         max-width: 100%
     }

     @media only screen and (max-width:980px) and (min-width:320px) {
         section {
             overflow: hidden
         }

         h2 {
             line-height: 30px
         }

         header {
             padding: 0
         }

         .container {
             width: auto !important
         }

         h2 {
             font-size: 28px
         }

         p {
             font-size: 15px !important;
             line-height: 22px !important
         }

         h1 {
             letter-spacing: -1px;
             padding-top: 10px;
             font-size: 31px;
             line-height: 33px;
             letter-spacing: 0
         }

         h1 span {
             display: contents
         }

         .get-started-form form {
             width: 90%;
             margin: 30px auto 0
         }

         .counter-area .count {
             width: 100%;
             justify-content: end
         }

         .counter-area {
             padding-bottom: 0
         }

         .book-stone img {
             max-width: 100%
         }

         .web-tabs .tab-pane {
             height: 250px
         }
     }

     @media only screen and (max-width:480px) {
         .nav-bar {
             text-align: center
         }
     }

     @media screen and (max-width:576px) {

         .btn-black,
         .btn-yellow {
             font-size: 14px
         }
     }

     .iti {
         width: 100%
     }

     .vscomp-ele {
         width: 100%;
         max-width: none
     }

     .lead-form input:not([type=checkbox]) {
         padding-left: 1rem
     }

     .lead-form .vscomp-toggle-button {
         background: transparent;
         padding: 15px 15px 10px;
         border: transparent;
         border-bottom: 1px solid #d1d3d4
     }

     .lead-form .vscomp-wrapper:not(.has-value) .vscomp-value {
         color: white
     }

     .lead-form .vscomp-arrow::after {
         border-bottom-color: white;
         border-right-color: white
     }

     .lp-footer-contact input:not([type=checkbox]) {
         margin-bottom: 1rem;
         background: transparent;
         padding: 10px;
         border: transparent;
         border-bottom: 1px solid white;
         border-radius: 0;
         color: white
     }

     .lp-footer-contact input:not([type=checkbox])::-moz-placeholder {
         color: white
     }

     .lp-footer-contact input:not([type=checkbox]) {
         padding-left: 1rem
     }

     .font-inherit {
         font-family: inherit !important
     }

     .open_modal .modal-content,
     .open_modal .modal-header,
     .open_modal .modal-body {
         background-color: #fa9801;
         border: none
     }

     .open_modal .modal-content {
         border: 1px solid rgba(0, 0, 0, 0.2);
         border-radius: 0.3rem;
         overflow: hidden
     }

     .open_modal .modal-header {
         justify-content: end;
         padding-bottom: 0px
     }

     .open_modal .modal-header .btn-close {
         border: none;
         padding: 0px;
         background-color: transparent;
         position: absolute;
         top: 10px;
         right: 10px;
         z-index: 1
     }

     .open_modal .modal-dialog {
         max-width: 600px
     }

     .open_modal .header_text {
         font-size: 40px
     }

     .open_modal form .form-control {
         border-radius: 100px;
         padding: 20px 20px;
         font-size: 16px;
         font-weight: 400;
         box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
         color: #475569
     }

     .open_modal form input {
         height: 50px
     }

     .inner-banner5 {
         background: url(../images/inner-banner5.webp) 100% 20%/cover no-repeat
     }

     @media only screen and (max-width:767px) {
         .inner-banner5 {
             background: none;
             background-color: #2b3136
         }
     }
 } */

 @media only screen and (max-width: 980px) and (min-width: 320px) {

     nav.mobile-view,
     section {
         overflow: hidden;
     }
     
     .copyright .col-md-4.text-right {
    text-align: center !important;
}

section.signup form {
    width: 100% !important;
}

section.signup form .col-lg-4 {
    margin-top: 5px;
}

     .nav-bar ul.menu li a,
     a#cross {
         color: #fff;
     }

     .cta h3,
     h2 {
         line-height: 30px;
     }

     header ul.menu li {
         display: block !important;
         padding: 15px 30px !important;
         text-align: left;
         transition: 0.25s;
     }

     #menu-list {
         display: block;
     }

     .mobile-screen {
         position: relative;
         display: block;
     }

     .social-medias,
     a#cross {
         display: none;
     }

     .mobile-screen #list-btn {
         display: block;
         color: #fad011;
         position: absolute;
         top: -60px;
         right: 0;
         font-size: 35px;
         transition: 0.5s;
         -webkit-transition: 0.25s;
         z-index: 99999999;
     }

     a#cross {
         position: fixed;
         top: 5px;
         right: 20px;
         font-size: 35px;
         z-index: 9999999999;
         -webkit-transition: 0.5s;
         transition: 0.5s;
         animation: 2s linear infinite heartBeat;
     }

     nav.mobile-view {
         background: #1c1c1c;
         position: fixed;
         height: 100%;
         width: 100% !important;
         left: 150%;
         top: 0;
         bottom: 0;
         padding-top: 70px;
         z-index: 99911 !important;
         overflow-y: scroll;
         display: none;
         transition: ease-In-Out 0.8s;
         -webkit-transition: ease-In-Out 0.8s;
     }

     header {
         padding: 0;
     }

     header nav ul li.dropdown:hover .dropdown-menu {
         left: 0;
         top: 38px;
         padding: 10px 0;
     }

     header nav ul li .dropdown-menu a {
         padding: 7px 15px !important;
         font-size: 14px !important;
         text-align: left;
     }

     .submenu-list:hover .dropdown-menu-submenu {
         position: absolute;
         left: 40%;
         top: 30px;
         z-index: 999 !important;
         background: #195878;
     }

     .nav-bar ul.menu li a.active {
         color: #fad011 !important;
     }

     .container {
         width: auto !important;
     }

     h2 {
         font-size: 28px;
     }

     p {
         font-size: 15px !important;
         line-height: 22px !important;
     }

     footer ul.menu li a {
         font-size: 16px;
         line-height: 22px;
         text-align: center;
     }

     h1 {
         letter-spacing: -1px;
         padding-top: 10px;
         font-size: 31px;
         line-height: 33px;
         letter-spacing: 0;
     }

     .top-bar .menu li {
         display: inline-block !important;
         padding: 2px 0 !important;
     }

     .top-bar ul.menu {
         display: block;
         text-align: center;
     }

     footer ul.menu li.f-logo {
         position: relative;
         top: 0;
         left: 0;
         padding-bottom: 19px;
     }

     footer nav ul.menu {
         padding-bottom: 15px;
     }

     footer img.f-logo {
         max-width: 70%;
     }

     footer h3 {
         font-size: 19px;
         padding: 20px 0 5px;
     }

     .copyright {
         text-align: center;
         margin: 0;
         padding: 20px 0;
     }

     .main-banner {
         background-size: cover;
     }

     .nav-bar a.logo img {
         max-width: 45%;
     }

     h1 span {
         display: contents;
     }

     .get-started-form form {
         width: 100%;
         margin: 30px auto 0;
     }

     .counter-area .count {
         width: 100%;
         justify-content: end;
     }

     .counter-area {
         padding-bottom: 0;
     }

     .d-block {
         display: contents !important;
     }

     .pub-img img {
         float: left;
         padding: 30px 20px 0 0;
         animation: 2s linear infinite swing;
         -webkit-animation: 2s linear infinite swing;
         -moz-animation: 2s linear infinite swing;
     }

     .pub-img h4,
     .pub-img p {
         display: inline-block;
         width: 73%;
     }

     .pub-img {
         padding: 20px 10px;
         margin-top: 20px;
     }

     .cta h3 {
         font-size: 30px;
     }

     .cta img {
         /* top: -30px;
        opacity: .4 */
         position: static;
         width: 100%;
     }

     .cta::after,
     .signup .input-control,
     .signup select#ser-select,
     .signup textarea.input-control.form-control {
         width: 100%;
     }

     .book-stone img {
         max-width: 100%;
     }

     .self-pub {
         margin: 20px;
     }

     .cta-get-started img {
         bottom: -40px;
         opacity: 0.3;
     }

     .testmonial .text-right {
         text-align: center !important;
         padding-top: 30px;
     }

     .testmonial .self-pub [class*="col-md-6"] {
         width: 50%;
         padding-top: 0 !important;
     }

     .faq-sec .card-header a {
         font-size: 14px;
     }

     .faq-sec .card-header {
         padding: 12px 0 12px 10px;
     }

     .faq-sec .card-header a.card-link.collapsed:after,
     .faq-sec .card-header a.card-link:after {
         right: 7px;
     }

     .testimonial-videos video {
         margin: 20px 0;
     }

     .borrow-tab ul.nav.nav-tabs li a {
         padding: 8px 17px;
         font-size: 12px;
     }

     .web-tabs .tab-pane {
         height: 250px;
     }
 }

 @media only screen and (max-width: 575px) {
     .borrow-tab ul.nav.nav-tabs {
         gap: 23px;
     }

     header nav ul li .dropdown-menu {
         width: 498px;
     }
 }

 @media only screen and (max-width: 480px) {
     header nav ul li.dropdown:hover .dropdown-menu {
         display: grid;
     }

     .nav-bar {
         text-align: center;
     }
 }

 @media only screen and (max-width: 375px) {
     .logo img {
         margin-bottom: 1rem;
     }
 }

 @media screen and (max-width: 576px) {

     .btn-black,
     .btn-yellow {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 768px) {
     .borrow-tab ul.nav.nav-tabs {
         gap: 33px;
     }
 }