@charset "UTF-8";

 /* :root {
     --bs-blue: #0d6efd;
     --bs-indigo: #6610f2;
     --bs-purple: #6f42c1;
     --bs-pink: #d63384;
     --bs-red: #dc3545;
     --bs-orange: #fd7e14;
     --bs-yellow: #ffc107;
     --bs-green: #198754;
     --bs-teal: #20c997;
     --bs-cyan: #0dcaf0;
     --bs-black: #000;
     --bs-white: #fff;
     --bs-gray: #6c757d;
     --bs-gray-dark: #343a40;
     --bs-gray-100: #f8f9fa;
     --bs-gray-200: #e9ecef;
     --bs-gray-300: #dee2e6;
     --bs-gray-400: #ced4da;
     --bs-gray-500: #adb5bd;
     --bs-gray-600: #6c757d;
     --bs-gray-700: #495057;
     --bs-gray-800: #343a40;
     --bs-gray-900: #212529;
     --bs-primary: #0d6efd;
     --bs-secondary: #6c757d;
     --bs-success: #198754;
     --bs-info: #0dcaf0;
     --bs-warning: #ffc107;
     --bs-danger: #dc3545;
     --bs-light: #f8f9fa;
     --bs-dark: #212529;
     --bs-primary-rgb: 13, 110, 253;
     --bs-secondary-rgb: 108, 117, 125;
     --bs-success-rgb: 25, 135, 84;
     --bs-info-rgb: 13, 202, 240;
     --bs-warning-rgb: 255, 193, 7;
     --bs-danger-rgb: 220, 53, 69;
     --bs-light-rgb: 248, 249, 250;
     --bs-dark-rgb: 33, 37, 41;
     --bs-primary-text-emphasis: #052c65;
     --bs-secondary-text-emphasis: #2b2f32;
     --bs-success-text-emphasis: #0a3622;
     --bs-info-text-emphasis: #055160;
     --bs-warning-text-emphasis: #664d03;
     --bs-danger-text-emphasis: #58151c;
     --bs-light-text-emphasis: #495057;
     --bs-dark-text-emphasis: #495057;
     --bs-primary-bg-subtle: #cfe2ff;
     --bs-secondary-bg-subtle: #e2e3e5;
     --bs-success-bg-subtle: #d1e7dd;
     --bs-info-bg-subtle: #cff4fc;
     --bs-warning-bg-subtle: #fff3cd;
     --bs-danger-bg-subtle: #f8d7da;
     --bs-light-bg-subtle: #fcfcfd;
     --bs-dark-bg-subtle: #ced4da;
     --bs-primary-border-subtle: #9ec5fe;
     --bs-secondary-border-subtle: #c4c8cb;
     --bs-success-border-subtle: #a3cfbb;
     --bs-info-border-subtle: #9eeaf9;
     --bs-warning-border-subtle: #ffe69c;
     --bs-danger-border-subtle: #f1aeb5;
     --bs-light-border-subtle: #e9ecef;
     --bs-dark-border-subtle: #adb5bd;
     --bs-white-rgb: 255, 255, 255;
     --bs-black-rgb: 0, 0, 0;
     --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
     --bs-body-font-family: var(--bs-font-sans-serif);
     --bs-body-font-size: 1rem;
     --bs-body-font-weight: 400;
     --bs-body-line-height: 1.5;
     --bs-body-color: #212529;
     --bs-body-color-rgb: 33, 37, 41;
     --bs-body-bg: #fff;
     --bs-body-bg-rgb: 255, 255, 255;
     --bs-emphasis-color: #000;
     --bs-emphasis-color-rgb: 0, 0, 0;
     --bs-secondary-color: rgba(33, 37, 41, .75);
     --bs-secondary-color-rgb: 33, 37, 41;
     --bs-secondary-bg: #e9ecef;
     --bs-secondary-bg-rgb: 233, 236, 239;
     --bs-tertiary-color: rgba(33, 37, 41, .5);
     --bs-tertiary-color-rgb: 33, 37, 41;
     --bs-tertiary-bg: #f8f9fa;
     --bs-tertiary-bg-rgb: 248, 249, 250;
     --bs-heading-color: inherit;
     --bs-link-color: #0d6efd;
     --bs-link-color-rgb: 13, 110, 253;
     --bs-link-decoration: underline;
     --bs-link-hover-color: #0a58ca;
     --bs-link-hover-color-rgb: 10, 88, 202;
     --bs-code-color: #d63384;
     --bs-highlight-bg: #fff3cd;
     --bs-border-width: 1px;
     --bs-border-style: solid;
     --bs-border-color: #dee2e6;
     --bs-border-color-translucent: rgba(0, 0, 0, .175);
     --bs-border-radius: .375rem;
     --bs-border-radius-sm: .25rem;
     --bs-border-radius-lg: .5rem;
     --bs-border-radius-xl: 1rem;
     --bs-border-radius-xxl: 2rem;
     --bs-border-radius-2xl: var(--bs-border-radius-xxl);
     --bs-border-radius-pill: 50rem;
     --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
     --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
     --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
     --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
     --bs-focus-ring-width: .25rem;
     --bs-focus-ring-opacity: .25;
     --bs-focus-ring-color: rgba(13, 110, 253, .25);
     --bs-form-valid-color: #198754;
     --bs-form-valid-border-color: #198754;
     --bs-form-invalid-color: #dc3545;
     --bs-form-invalid-border-color: #dc3545
 } */

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

 @media (prefers-reduced-motion:no-preference) {
     :root {
         scroll-behavior: smooth
     }
 }

 body {
     margin: 0;
     font-family: var(--bs-body-font-family);
     font-size: var(--bs-body-font-size);
     font-weight: var(--bs-body-font-weight);
     line-height: var(--bs-body-line-height);
     color: var(--bs-body-color);
     text-align: var(--bs-body-text-align);
     background-color: var(--bs-body-bg);
     -webkit-text-size-adjust: 100%
 }

 h1 {
     margin-top: 0;
     margin-bottom: .5rem;
     font-weight: 500;
     line-height: 1.2;
     color: var(--bs-heading-color)
 }

 h1 {
     font-size: calc(1.375rem + 1.5vw)
 }

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

 ul {
     padding-left: 2rem
 }

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

 ul ul {
     margin-bottom: 0
 }

 strong {
     font-weight: bolder
 }

 a {
     color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
     text-decoration: underline
 }

 img,
 svg {
     vertical-align: middle
 }

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

 ::-moz-focus-inner {
     padding: 0;
     border-style: none
 }

 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-fields-wrapper,
 ::-webkit-datetime-edit-hour-field,
 ::-webkit-datetime-edit-minute,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-text,
 ::-webkit-datetime-edit-year-field {
     padding: 0
 }

 ::-webkit-inner-spin-button {
     height: auto
 }

 ::-webkit-search-decoration {
     -webkit-appearance: none
 }

 ::-webkit-color-swatch-wrapper {
     padding: 0
 }

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

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

 iframe {
     border: 0
 }

 .container,
 .container-fluid {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     width: 100%;
     padding-right: calc(var(--bs-gutter-x) * .5);
     padding-left: calc(var(--bs-gutter-x) * .5);
     margin-right: auto;
     margin-left: auto
 }

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

 :root {
     --bs-breakpoint-xs: 0;
     --bs-breakpoint-sm: 576px;
     --bs-breakpoint-md: 768px;
     --bs-breakpoint-lg: 992px;
     --bs-breakpoint-xl: 1200px;
     --bs-breakpoint-xxl: 1400px
 }

 .row {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     display: flex;
     flex-wrap: wrap;
     margin-top: calc(-1 * var(--bs-gutter-y));
     margin-right: calc(-.5 * var(--bs-gutter-x));
     margin-left: calc(-.5 * var(--bs-gutter-x))
 }

 .row>* {
     flex-shrink: 0;
     width: 100%;
     max-width: 100%;
     padding-right: calc(var(--bs-gutter-x) * .5);
     padding-left: calc(var(--bs-gutter-x) * .5);
     margin-top: var(--bs-gutter-y)
 }

 @media (min-width:576px) {
     .col-sm-4 {
         flex: 0 0 auto;
         width: 33.33333333%
     }

     .col-sm-8 {
         flex: 0 0 auto;
         width: 66.66666667%
     }
 }

 .btn {
     --bs-btn-padding-x: .75rem;
     --bs-btn-padding-y: .375rem;
     --bs-btn-font-family: ;
     --bs-btn-font-size: 1rem;
     --bs-btn-font-weight: 400;
     --bs-btn-line-height: 1.5;
     --bs-btn-color: var(--bs-body-color);
     --bs-btn-bg: transparent;
     --bs-btn-border-width: var(--bs-border-width);
     --bs-btn-border-color: transparent;
     --bs-btn-border-radius: var(--bs-border-radius);
     --bs-btn-hover-border-color: transparent;
     --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
     --bs-btn-disabled-opacity: .65;
     --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
     display: inline-block;
     padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
     font-family: var(--bs-btn-font-family);
     font-size: var(--bs-btn-font-size);
     font-weight: var(--bs-btn-font-weight);
     line-height: var(--bs-btn-line-height);
     color: var(--bs-btn-color);
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
     border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
     border-radius: var(--bs-btn-border-radius);
     background-color: var(--bs-btn-bg)
 }

 @media (prefers-reduced-motion:reduce) {}

 .fade:not(.show) {
     opacity: 0
 }

 .dropdown {
     position: relative
 }

 .dropdown-toggle {
     white-space: nowrap
 }

 .dropdown-toggle::after {
     display: inline-block;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid;
     border-right: .3em solid transparent;
     border-bottom: 0;
     border-left: .3em solid transparent
 }

 .dropdown-menu {
     --bs-dropdown-zindex: 1000;
     --bs-dropdown-min-width: 10rem;
     --bs-dropdown-padding-x: 0;
     --bs-dropdown-padding-y: .5rem;
     --bs-dropdown-spacer: .125rem;
     --bs-dropdown-font-size: 1rem;
     --bs-dropdown-color: var(--bs-body-color);
     --bs-dropdown-bg: var(--bs-body-bg);
     --bs-dropdown-border-color: var(--bs-border-color-translucent);
     --bs-dropdown-border-radius: var(--bs-border-radius);
     --bs-dropdown-border-width: var(--bs-border-width);
     --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
     --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
     --bs-dropdown-divider-margin-y: .5rem;
     --bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
     --bs-dropdown-link-color: var(--bs-body-color);
     --bs-dropdown-link-hover-color: var(--bs-body-color);
     --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
     --bs-dropdown-link-active-color: #fff;
     --bs-dropdown-link-active-bg: #0d6efd;
     --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
     --bs-dropdown-item-padding-x: 1rem;
     --bs-dropdown-item-padding-y: .25rem;
     --bs-dropdown-header-color: #6c757d;
     --bs-dropdown-header-padding-x: 1rem;
     --bs-dropdown-header-padding-y: .5rem;
     position: absolute;
     z-index: var(--bs-dropdown-zindex);
     display: none;
     min-width: var(--bs-dropdown-min-width);
     padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
     margin: 0;
     font-size: var(--bs-dropdown-font-size);
     color: var(--bs-dropdown-color);
     text-align: left;
     list-style: none;
     background-color: var(--bs-dropdown-bg);
     background-clip: padding-box;
     border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
     border-radius: var(--bs-dropdown-border-radius)
 }

 .dropdown-item {
     display: block;
     width: 100%;
     padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
     clear: both;
     font-weight: 400;
     color: var(--bs-dropdown-link-color);
     text-align: inherit;
     text-decoration: none;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
     border-radius: var(--bs-dropdown-item-border-radius, 0)
 }

 .nav-link {
     display: block;
     padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
     font-size: var(--bs-nav-link-font-size);
     font-weight: var(--bs-nav-link-font-weight);
     color: var(--bs-nav-link-color);
     text-decoration: none;
     background: 0 0;
     border: 0
 }

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

 .position-absolute {
     position: absolute !important
 }

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

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

 .text-light {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
 }

 @font-face {
     font-family: oswald;
     font-style: normal;
     font-weight: 400;
     font-display: swap;
     src: local('Oswald'), url(assets/fonts/oswald/Oswald.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
 }

 @font-face {
     font-family: poppins;
     font-style: normal;
     font-weight: 400;
     font-display: swap;
     src: local('Poppins'), url(assets/fonts/poppins/Poppins-Regular.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
 }

 @font-face {
     font-family: poppins;
     font-style: normal;
     font-weight: 500;
     font-display: swap;
     src: local('Poppins'), url(assets/fonts/poppins/Poppins-Medium.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
 }

 @font-face {
     font-family: poppins;
     font-style: normal;
     font-weight: 600;
     font-display: swap;
     src: local('Poppins'), url(assets/fonts/poppins/Poppins-SemiBold.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
 }

 @font-face {
     font-family: poppins;
     font-style: normal;
     font-weight: 700;
     font-display: swap;
     src: local('Poppins'), url(assets/fonts/poppins/Poppins-Bold.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
 }

 :root {
     --primary-color: #22a8b4;
     --primary-text-color: #606060;
     --button-shadow: linear-gradient(80deg, #22a8b4, #247fa8);
     --text-shadow: 0 10px 10px #247fa8;
     --primary-font: 'Poppins', sans-serif;
     --banner-font: 'Oswald', sans-serif;
     --heading-font: 'Oswald', sans-serif;
     --banner-text-color: white;
     --footer-bg: linear-gradient(80deg, #22a8b4, #247fa8);
     --footer-text-color: white;
     --section-background: #e38f33;
     --section-border: #1f1f1f;
     --section-text-color: rgb(142, 142, 142);
     --listbox-background-color: black;
     --grey-bg-text-color: white;
     --section-bg-white: white;
     --white-section-heading-color: #121212;
     --heading-shadow: linear-gradient(to bottom, #22a8b4 45%, #0c4058 100%)
 }

 html {
     scroll-behavior: smooth
 }

 ::-webkit-scrollbar-thumb {
     background-color: var(--primary-color);
     border-width: 20px
 }

 ::-webkit-scrollbar {
     width: 10px
 }

 ::-webkit-scrollbar-track {
     background-color: red00
 }

 img {
     max-width: 100%;
     height: auto;
     -webkit-user-drag: none;
     -moz-user-drag: none
 }

 .phoneiconcall {
     position: fixed;
     bottom: 20px;
     left: 20px;
     background: var(--button-shadow) !important;
     border-radius: 50%;
     z-index: 999
 }

 .phoneiconcall a {
     height: 80px;
     width: 80px;
     display: flex;
     align-items: center;
     justify-content: center
 }

 header .logo img {
     width: 60%;
     padding-left: 15px
 }

 .logosliderinner:not(.slick-slider) {
     display: flex;
     align-items: center;
     justify-content: space-between
 }

 a.btn-section.btn.menu-btn {
     line-height: 30px;
     padding-left: 20px !important;
     padding-right: 20px !important
 }

 header#header .row {
     align-items: center
 }

 header#header-mobile {
     display: none
 }

 header#header .contactinfo a {
     color: var(--grey-bg-text-color);
     text-decoration: none;
     font-family: var(--primary-font);
     font-size: 14px
 }

 header#header .contactinfo svg {
     width: 85px;
     position: relative;
     top: -3px
 }

 header#header .contactinfo {
     text-align: right
 }

 .banner {
     height: 88vh;
     background-color: rgba(0, 0, 0, .8);
     background-repeat: no-repeat;
     background-position: center
 }

 video#background-video {
     width: 100%;
     height: 88%;
     object-fit: cover;
     position: fixed;
     z-index: -1
 }

 .banner .content {
     position: absolute;
     top: 50%;
     left: 130px;
     transform: translate(0%, -50%)
 }

 .banner h1 {
     font-family: var(--banner-font);
     text-transform: uppercase;
     color: var(--banner-text-color);
     max-width: 673.956px;
     text-align: left;
     line-height: 79px;
     font-weight: 300;
     font-size: 79px
 }

 .banner h1 strong {
     text-align: left;
     line-height: 25px;
     font-weight: 700
 }

 .banner .separater {
     background-color: var(--primary-color);
     width: 54.5111px;
     height: 4.9644px;
     margin-top: 40px;
     margin-bottom: 40px;
     margin-left: 10px
 }

 .banner p {
     font-family: var(--primary-font);
     color: var(--banner-text-color);
     line-height: 25px;
     font-size: 20px;
     margin-left: 10px
 }

 .btn-website {
     background-color: var(--primary-color);
     font-family: var(--primary-font);
     border-color: var(--primary-color);
     padding: 5px 40px;
     font-size: 20px;
     font-weight: 500;
     color: var(--banner-text-color) !important;
     background-image: var(--button-shadow) !important;
     border-radius: 5px;
     line-height: 40px;
     filter: blur(0) grayscale(0%) brightness(100%);
     border-width: 0;
     margin-top: 20px;
     margin-left: 10px
 }

 .logoslider {
     padding: 40px 0;
     background: var(--section-background);
     border-bottom: 1px solid var(--section-border)
 }

 .logosliderinner img {
     margin: 0 auto;
     filter: brightness(0) saturate(100%)invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)
 }

 .homeservices .row * {
     padding: 0
 }

 .btn-section {
     background-color: var(--primary-color);
     font-family: var(--primary-font);
     border-color: var(--primary-color);
     padding: 5px 40px !important;
     font-size: 20px;
     font-weight: 500;
     color: var(--banner-text-color) !important;
     background-image: var(--button-shadow) !important;
     border-radius: 5px;
     line-height: 40px;
     filter: blur(0) grayscale(0%) brightness(100%);
     border-width: 0;
     margin-top: 10px
 }

 footer p {
     font-family: var(--primary-font);
     text-align: left;
     font-size: 14px
 }

 input {
     outline: none
 }

 .fields input {
     padding: .375rem .75rem;
     font-size: 1rem;
     line-height: 1.5;
     color: var(--primary-text-color);
     background-color: #fff;
     background-clip: padding-box;
     border: 0;
     height: 50px;
     font-family: var(--primary-font);
     border-radius: 6px;
     width: 17%
 }

 span.companytel {
     color: var(--primary-color);
     font-family: var(--primary-font);
     font-weight: 700;
     font-size: 20px;
     padding-left: 30px
 }

 span.companytel a {
     font-weight: 500;
     font-size: 14px
 }

 span.companytel svg {
     width: auto !important;
     top: -1px !important
 }

 span.socialicons svg {
     width: auto !important
 }

 .main-menu ul.tabs {
     display: flex;
     align-items: center;
     justify-content: right;
     padding-left: 0
 }

 .main-menu ul a {
     color: var(--grey-bg-text-color);
     text-decoration: none;
     font-family: var(--primary-font);
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase
 }

 .main-menu ul li {
     list-style: none;
     margin-left: 30px
 }

 .menu-btn {
     margin-top: 0 !important
 }

 ul.dropdown-menu li {
     margin-left: 0 !important
 }

 header#header-mobile .col-sm-8 {
     width: 70%
 }

 header#header-mobile .col-sm-4 {
     width: 30%
 }

 header#header-mobile .row {
     align-items: center
 }

 .mobileicon {
     text-align: right
 }

 .galleryimgs {
     max-width: 1061px !important;
     margin: 30px auto;
     margin-bottom: 0 !important
 }

 .galleryimgs img {
     width: 100%;
     margin-left: 5%;
     height: 335px;
     object-fit: cover
 }

 p.errorreport {
     background: red;
     padding: 10px 20px;
     max-width: 600px;
     margin: 0 auto;
     margin-top: 10px;
     display: none
 }

 p.datadone {
     background: green;
     padding: 10px 20px;
     max-width: 600px;
     margin: 0 auto;
     margin-top: 10px;
     display: none
 }

 span.companytel.is_hidden {
     display: none
 }

 header .logo img {
     padding-left: 15px;
     max-width: 170px
 }

 .mobile-menu {
     position: fixed;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .8);
     z-index: 99
 }

 .mobile-menu ul li a {
     color: #fff;
     text-decoration: none;
     font-family: poppins
 }

 .mobile-menu ul li {
     list-style: none;
     text-align: center
 }

 .mobile-menu ul {
     top: 45%;
     position: absolute;
     left: 50%;
     transform: translate(-50%, -50%);
     padding: 0;
     width: 100%
 }

 .mobile-menu .cross-icon {
     position: absolute;
     right: 10px;
     top: 10px
 }

 ul.dropdown-menu-mobile {
     position: unset
 }

 .mobile-menu ul li a {
     font-size: 18px
 }

 .mobile-menu ul li {
     margin-bottom: 20px;
     position: relative
 }

 ul.dropdown-menu-mobile {
     position: unset;
     transform: unset;
     display: none
 }

 ul.dropdown-menu-mobile li {
     border-bottom: 1px solid #fff;
     border-top: 1px solid #fff !important;
     margin: 0 !important
 }

 ul.dropdown-menu-mobile {
     margin-top: 14px
 }

 .mobile-menu {
     overflow: hidden;
     height: 0
 }

 @media (max-width:1199px) and (min-width:992px) {
     footer p {
         font-size: 12px
     }

     .btn-website {
         font-size: 14px !important;
         margin: 10px
     }

     .fields input {
         width: 25%
     }

     header .logo img {
         width: 100%
     }

     .main-menu ul li {
         margin-left: 15px
     }

     .main-menu ul a {
         font-size: 13px
     }

     header#header .contactinfo a {
         font-size: 13px
     }

     span.companytel {
         padding-left: 10px;
         font-size: 14px
     }

     header#header span.socialicons svg {
         width: 35px !important;
         height: 35px
     }

     li.nav-item.dropdown {
         margin-top: 3px
     }

     .btn-website {
         font-size: 14px !important;
         margin: 10px;
         padding: 5px 20px
     }
 }

 @media (max-width:991px) and (min-width:776px) {
     header#header {
         display: none
     }

     .banner h1 {
         font-size: 60px;
         line-height: 1.3
     }

     .banner .separater {
         margin-top: 30px;
         margin-bottom: 30px
     }

     .fields input {
         width: 100%;
         margin-bottom: 20px
     }

     .row.galleryimgs .col-lg-3 {
         width: 25% !important
     }

     .row.galleryimgs .col-lg-3 img {
         height: 220px !important
     }

     .banner .content {
         left: 60px
     }

     header#header-mobile {
         display: block
     }
 }

 @media (max-width:775px) and (min-width:575px) {
     .banner .content {
         left: 60px
     }

     header#header {
         display: none
     }

     .banner h1 {
         font-size: 50px;
         line-height: 1.3;
         padding-right: 40px
     }

     .banner .separater {
         margin-top: 30px;
         margin-bottom: 30px
     }

     .fields input {
         width: 100%;
         margin-bottom: 20px
     }

     .row.galleryimgs .col-lg-3 {
         width: 25% !important
     }

     .row.galleryimgs .col-lg-3 img {
         height: 170px !important
     }

     header#header-mobile {
         display: block
     }
 }

 @media (max-width:575px) {
     .btn-website {
         font-size: 16px
     }

     .banner .content {
         left: 30px;
         padding-right: 30px !important
     }

     header#header {
         display: none
     }

     .banner h1 {
         font-size: 40px;
         line-height: 1.3
     }

     .banner .separater {
         margin-top: 30px;
         margin-bottom: 30px
     }

     .row.galleryimgs .col-lg-3 {
         width: 50% !important
     }

     .row.galleryimgs .col-lg-3 img {
         margin-bottom: 10px
     }

     .fields input {
         width: 100%;
         margin-bottom: 20px
     }

     .row.galleryimgs .col-lg-3 img {
         height: 170px !important
     }

     .banner .content {
         left: 20px
     }

     header#header-mobile {
         display: block
     }

     .btn-website {
         font-size: 16px
     }

     ul.dropdown-menu-mobile {
         width: fit-content;
         margin: auto;
         margin-top: 10px
     }

     ul.dropdown-menu-mobile li {
         padding: 6px 10px
     }

     .mobile-menu .cross-icon {
         z-index: 99999999999999;
         top: 21px
     }

     video#background-video {
         position: relative !important;
         height: 100% !important
     }
 }

 @font-face {

     font-family: 'Oswald';

     font-style: normal;

     font-weight: 400;

     font-display: swap;

     src: local('Oswald'), url('../fonts/oswald/Oswald.woff2') format('woff2');

     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

 }

 @font-face {

     font-family: 'Poppins';

     font-style: normal;

     font-weight: 400;

     font-display: swap;

     src: local('Poppins'), url('../fonts/poppins/Poppins-Regular.woff2') format('woff2');

     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

 }

 @font-face {

     font-family: 'Poppins';

     font-style: normal;

     font-weight: 500;

     font-display: swap;

     src: local('Poppins'), url('../fonts/poppins/Poppins-Medium.woff2') format('woff2');

     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

 }

 @font-face {

     font-family: 'Poppins';

     font-style: normal;

     font-weight: 600;

     font-display: swap;

     src: local('Poppins'), url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2');

     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

 }

 @font-face {

     font-family: 'Poppins';

     font-style: normal;

     font-weight: 700;

     font-display: swap;

     src: local('Poppins'), url('../fonts/poppins/Poppins-Bold.woff2') format('woff2');

     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

 }



 /* All About CSS */

 :root {

     --primary-color: #22a8b4;

     --primary-text-color: #606060;

     --button-shadow: linear-gradient(80deg, #22a8b4, #247fa8);

     --text-shadow: 0 10px 10px #247fa8;

     --primary-font: 'Poppins', sans-serif;
     ;

     --banner-font: 'Oswald', sans-serif;

     --heading-font: 'Oswald', sans-serif;

     --banner-text-color: white;


     --footer-text-color: white;

     --section-background: #e38f33;

     --section-border: #1f1f1f;

     --section-text-color: rgb(142, 142, 142);

     --listbox-background-color: black;

     --grey-bg-text-color: white;

     --section-bg-white: white;

     --white-section-heading-color: #121212;

     --heading-shadow: linear-gradient(to bottom, #22a8b4 45%, #0c4058 100%);

 }

 /* All About CSS End */



 /* Don't Change */

 html {

     scroll-behavior: smooth;

 }

 ::-webkit-scrollbar-thumb {

     background-color: var(--primary-color);
     /* Set the color of the scrollbar thumb */

     border-width: 20px;
     /* Add some border-radius for a rounded thumb */

 }

 ::-webkit-scrollbar {

     width: 10px;
     /* Set the width of the scrollbar */

 }

 ::-webkit-scrollbar-track {

     background-color: #ff000000;
     /* Set the background color of the scrollbar track */

 }

 img {

     max-width: 100%;

     height: auto;

     -webkit-user-select: none;

     -ms-user-select: none;

     user-select: none;

     -webkit-user-drag: none;

     -moz-user-drag: none;

 }

 .banner img {

     height: 100%;

     width: 100%;

     object-fit: cover;

 }

 .phoneiconcall {

     position: fixed;

     bottom: 20px;

     left: 20px;

     background: var(--button-shadow) !important;

     border-radius: 50%;

     z-index: 999;

 }



 .phoneiconcall a {

     height: 80px;

     width: 80px;

     display: flex;

     align-items: center;

     justify-content: center;

 }

 header .logo img {
     width: 75%;
     padding-left: 15px;
 }

 .logosliderinner:not(.slick-slider) {

     display: flex;

     align-items: center;

     justify-content: space-between;

 }

 a.btn-section.btn.menu-btn {

     line-height: 30px;

     padding-left: 20px !important;

     padding-right: 20px !important;

 }

 header#header .row {

     align-items: center;

 }

 header#header-mobile {

     display: none;

 }

 header#header .contactinfo a {

     color: var(--grey-bg-text-color);

     text-decoration: none;

     font-family: var(--primary-font);

     font-size: 14px;

 }

 header#header .contactinfo svg {

     width: 85px;

     position: relative;

     top: -3px;

 }

 header#header .contactinfo {

     text-align: right;

 }

 .banner {

     height: 88vh;

     background-color: rgba(0, 0, 0, 0.8);

     background-repeat: no-repeat;

     background-position: center;

 }

 video#background-video {

     width: 100%;

     height: 88%;

     object-fit: cover;

     position: fixed;

     z-index: -1;

 }

 .banner .content {

     position: absolute;

     top: 50%;

     left: 130px;

     transform: translate(0%, -50%);

 }

 .banner h1 {

     font-family: var(--banner-font);

     text-transform: uppercase;

     color: var(--banner-text-color);

     max-width: 673.956px;

     text-align: left;

     line-height: 79px;

     font-weight: 300;

     font-size: 79px;

 }

 .banner h1 strong {

     text-align: left;

     line-height: 25px;

     font-weight: 700;

 }

 .banner .separater {

     background-color: var(--primary-color);

     width: 54.5111px;

     height: 4.9644px;

     margin-top: 40px;

     margin-bottom: 40px;

     margin-left: 10px;

 }

 .banner p {

     font-family: var(--primary-font);

     color: var(--banner-text-color);

     line-height: 25px;

     font-size: 20px;

     margin-left: 10px;

 }

 .btn-website {

     background-color: var(--primary-color);

     font-family: var(--primary-font);

     border-color: var(--primary-color);

     padding: 5px 40px;

     font-size: 20px;

     font-weight: 500;

     color: var(--banner-text-color) !important;

     background-image: var(--button-shadow) !important;

     border-radius: 5px;

     line-height: 40px;

     filter: blur(0px) grayscale(0%) brightness(100%);

     border-width: 0px;

     margin-top: 20px;

     margin-left: 10px;

 }

 .logoslider {padding: 40px 0px;background: #0e0e0f;border-bottom: 1px solid var(--section-border);}

 .logosliderinner img {

     /*    width: 60%;*/

     margin: 0 auto;

     filter: brightness(0) saturate(100%)invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

 }

 .homeaboutsec {padding-top: 50px !important;padding-bottom: 50px !important;background: #e38f33;background-image: url(../images/sectionbg.webp);background-position: center;background-size: 40%;background-repeat: no-repeat;background-attachment: fixed;}

 .homeaboutsec h2 {font-size: 60px;font-weight: 400;font-family: var(--heading-font);line-height: 1;color: #000000;}

 .homeaboutsec h3 {font-size: 28px;font-weight: 400;font-family: var(--heading-font);line-height: 1;color: #000000;margin-top: 30px;margin-bottom: 40px;}

 .homeaboutsec p {color: rgb(0 0 0);font-family: var(--primary-font);font-weight: 400;font-size: 16px;text-align: justify;line-height: 22px;}

 .homeaboutsec li {

     padding-top: 20px;

     font-family: var(--primary-font);

     color: var(--grey-bg-text-color);

     list-style: none;

 }

 .homeaboutsec ul {

     margin-left: auto;

     width: fit-content;

     margin-right: 25%;

 }

 .row.statsrow p,
 .row.statsrow h4 {

     text-align: center;

 }



 .row.statsrow {

     padding-top: 80px;

 }

 .row.statsrow h4 {

     font-size: 30px;

     color: var(--primary-color);

     font-weight: 700;

     font-family: var(--primary-font);

     margin-top: 20px;

 }

 .row.statsrow p {font-size: 16px !important;font-weight: 400;text-transform: uppercase;color: #000000;font-family: var(--primary-font);margin-top: 10px;line-height: 20px;}

 .row.statsrow .col-lg-3 {

     text-align: center;

 }

 .homeaboutsec ul {

     border: 1px solid var(--grey-bg-text-color);

     padding: 20px 20px 30px 20px;

 }

 .homeaboutsec .row {

     align-items: center;

 }

 .homeaboutsec ul {

     background: var(--listbox-background-color);

 }

 .homeservices {

     background: var(--section-bg-white);

     padding-top: 50px;

     overflow: hidden;

 }

 .homeservices h2 {

     text-align: center;

     font-size: 60px;

     font-weight: 700;

     font-family: var(--heading-font);

     line-height: 1;

     text-transform: uppercase;

     color: var(--white-section-heading-color);

 }

 .homeservices h3 {

     text-align: center;

     font-size: 14px;

     font-weight: 700;

     font-family: var(--heading-font);

     line-height: 1;

     margin-bottom: 60px;

     text-transform: uppercase;

     color: var(--primary-color);

 }

 .homeservices .row {

     margin: 0px;

     align-items: center;

 }

 .homeservices .row * {

     padding: 0px;

 }

 .homeservices .content {

     padding-left: 50px;

     padding-right: 50px;

 }

 .homeservices h4 {

     text-align: left;

     font-size: 60px;

     font-weight: 400;

     font-family: var(--heading-font);

     line-height: 1;

     text-transform: uppercase;

     color: var(--white-section-heading-color);

     margin-bottom: 20px;

 }

 .homeservices p {

     font-family: var(--primary-font);

     color: var(--primary-text-color);

     text-align: justify;

     font-size: 14px;

 }

 .btn-section {

     background-color: var(--primary-color);

     font-family: var(--primary-font);

     border-color: var(--primary-color);

     padding: 5px 40px !important;

     font-size: 20px;

     font-weight: 500;

     color: var(--banner-text-color) !important;

     background-image: var(--button-shadow) !important;

     border-radius: 5px;

     line-height: 40px;

     filter: blur(0px) grayscale(0%) brightness(100%);

     border-width: 0px;

     margin-top: 10px;

 }

 .homeservices img {

     width: 100%;

     min-height: 700px;

     object-fit: cover;

 }

 .homeservices .row.row-left {

     background: #e6e6e6;

 }

 footer {

     background: var(--footer-bg);

     color: var(--footer-text-color);

 }

 footer h2 {

     font-weight: bold;

     font-family: var(--primary-font);

 }

 footer h3 {

     font-weight: bold;

     font-family: var(--primary-font);

     font-size: 20px;

 }

 footer p {

     font-family: var(--primary-font);

     text-align: left;

     font-size: 14px;

 }

 .main-footer {

     padding-top: 70px;

     padding-bottom: 50px;

 }

 .main-footer {

     background: url(../images/sectionbg.webp);

     background-size: contain;

     background-repeat: no-repeat;

     background-position: center;

 }

 .main-footer .row.mainrow {

     margin-top: 30px;

 }

 footer ul li a {

     color: var(--grey-bg-text-color);

     font-family: var(--primary-font);

     text-decoration: none;

     font-size: 14px;

 }

 footer ul li {

     list-style: none;

     margin-bottom: 3px;

     margin-top: 3px;

     border-bottom: 1px solid var(--grey-bg-text-color);

     padding-left: 5px;

 }

 .main-footer ul {

     margin: 0px !important;

 }

 .main-footer .row {

     align-items: center;

 }

 footer .copyright p {

     margin: 0px;

 }

 footer .copyright p {

     text-align: center;

 }

 footer .copyright {

     padding-bottom: 20px;

     background: var(--section-background);

     padding-top: 20px;

 }

 footer .copyright a {

     color: var(--grey-bg-text-color);

     text-decoration: none;

     font-weight: bold;

     margin-top: 5px !important;

     display: inline-block;

 }

 footer .copyright a:hover {

     color: var(--primary-color);

     transition: 0.2s ease;

 }

 footer .before-footer {

     background-color: #0e0e0f;

     padding: 40px 0px;

     padding-bottom: 55px;

 }

 footer .before-footer h2 {

     font-family: var(--heading-font);

     text-align: center;

     font-size: 50px;

 }

 footer .before-footer h3 {

     font-family: var(--heading-font);

     text-align: center;

     font-weight: normal;

     color: var(--primary-color);

     font-size: 14px;

 }

 input {

     outline: none;

 }

 .fields input {

     padding: 0.375rem 0.75rem;

     font-size: 1rem;

     line-height: 1.5;

     color: var(--primary-text-color);

     background-color: #fff;

     background-clip: padding-box;

     border: 0px;

     height: 50px;

     font-family: var(--primary-font);

     border-radius: 6px;

     width: 17%;

 }

 .fields {

     text-align: center;

     margin-top: 30px;

 }

 .fields input[type="submit"] {

     padding: 5px 35px !important;

     font-size: 14px !important;

     font-weight: 700 !important;

     color: #fff !important;

     border-color: var(--primary-color);

     background-image: var(--button-shadow) !important;

     border-radius: 5px !important;

     text-shadow: 0 10px 10px var(--primary-color);

     text-transform: uppercase;

     width: fit-content;

 }

 span.companytel {

     color: var(--primary-color);

     font-family: var(--primary-font);

     font-weight: bold;

     font-size: 20px;

     padding-left: 30px;

 }

 span.companytel a {

     font-weight: 500;

     font-size: 14px;

 }

 span.companytel svg {

     width: auto !important;

     top: -1px !important;

 }

 span.socialicons svg {

     width: auto !important;

 }

 .main-menu ul.tabs {

     display: flex;

     align-items: center;

     justify-content: right;

     padding-left: 0px;

 }

 .main-menu ul a {

     color: var(--grey-bg-text-color);

     text-decoration: none;

     font-family: var(--primary-font);

     font-size: 14px;

     font-weight: bold;

     text-transform: uppercase;

 }

 .main-menu ul li {

     list-style: none;

     margin-left: 30px;

 }

 .menu-btn {

     margin-top: 0px !important;

 }

 .review-sec {padding: 100px 0px;background: #e38f33;padding-top: 60px;}

 .review-sec h2 {

     font-family: var(--heading-font);

     text-align: center;

     font-size: 50px;

     color: var(--grey-bg-text-color);

 }

 .review-sec h3 {font-family: var(--heading-font);text-align: center;font-weight: normal;color: #ffffff;font-size: 14px;}

 .review-sec .profile img {

     display: block;

     margin: 0 auto;

 }

 .review-sec .reviewbox .reviewstar {

     margin-top: 10px !important;

     max-width: 165px;

 }

 .reviewbox {

     margin-top: 40px;

 }

 .review-para {

     max-width: 80%;

     margin: 0 auto;

     color: var(--grey-bg-text-color);

     font-family: var(--primary-font);

     margin-top: 30px;

     text-align: justify;

 }

 .reviewbox {

     position: relative;

 }

 .reviewbox ul.slick-dots {

     bottom: -50px;

 }

 .reviewbox .slick-dots li button:before {background: #ffffff;}

 .banner.innerpage h2 {

     font-size: 30px;

     color: rgb(255, 255, 255);

     font-weight: 200;

     font-family: var(--heading-font);

 }

 .banner.innerpage .content {

     position: unset !important;

     transform: unset;

 }

 .banner.innerpage {

     height: auto;

 }

 .banner.innerpage .row .col-lg-6 {

     padding-top: 200px;

     padding-bottom: 100px;

 }

 .banner.innerpage h1 {

     font-size: 45px;

     line-height: 1.2;

     max-width: unset;

 }

 .banner.innerpage h1 strong {

     color: var(--primary-color);

 }

 .banner.innerpage .row {

     margin: 0px;

 }

 .banner.innerpage {

     background-image: url(../images/aboutbanner.webp);

     height: 680px;

 }

 .banner.innerpage.services {

     background-image: url(../images/servicesbanner.webp);

 }

 .banner.innerpage.contact {

     background-image: url(../images/contactbanner.webp);

 }

 .banner.innerpage.servicespages {

     background-image: url(../images/servicespagesbanner.webp);

 }

 .about-sec {background: #e38f33;}

 .about-sec h2 {text-align: center;background: var(--heading-shadow);-webkit-background-clip: text;/* -webkit-text-fill-color: transparent; */font-size: 54px;font-weight: 400;font-family: var(--heading-font);line-height: 50px;padding: 56px 0;border: 1px solid var(--section-border);text-transform: uppercase;color: #ffffff;}

 .about-sec .row {

     align-items: center;

     padding-top: 50px;

 }

 .about-sec .row img {

     width: 100%;
     ;

 }

 .about-sec .row p {

     font-family: var(--primary-font);

     color: var(--grey-bg-text-color);

     text-align: justify;

 }

 .about-sec .row h3 {

     font-family: var(--heading-font);

     font-size: 50px;

     color: var(--grey-bg-text-color);

 }

 .about-sec .row h4 {font-family: var(--heading-font);font-weight: normal;color: #ffffff;font-size: 14px;}

 .progress-bar.progress-bar-striped {background: #000000;font-family: var(--primary-font);font-size: 16px;}

 .progress {

     margin-bottom: 50px;

     margin-top: 50px;

     --bs-progress-height: 0.3rem;

     overflow: visible;

 }

 .progress .progress-bar.progress-bar-striped {

     height: 28px;

     border-radius: 10px;

     top: -12px;

     position: relative;

 }

 .services-sec {

     padding: 50px 0px;

     background: var(--section-background);

 }

 .services-sec h2 {

     font-family: var(--heading-font);

     font-size: 50px;

     color: var(--grey-bg-text-color);

     text-align: center;

 }

 .services-sec h3 {font-family: var(--heading-font);font-weight: normal;color: #ffffff;font-size: 14px;text-align: center;}

 .services-sec img {

     width: 100%;

     height: 230px;

     object-fit: fill;

 }

 .services-sec .row {

     margin-top: 60px;

 }

 .servcard h4,
 .servcard p,
 .servcard a {

     padding-left: 20px;

     padding-right: 20px;

 }

 .servcard {

     margin-bottom: 20px;

     background: var(--section-bg-white);

 }

 .servcard h4 {

     font-family: var(--heading-font);

     padding-top: 20px;

     padding-bottom: 5px;

     font-size: 22px;

 }

 .servcard p {

     font-family: var(--primary-font);

 }

 .servcard {

     padding-bottom: 30px;

 }

 .servcard p {

     font-family: var(--primary-font);

     margin-bottom: 10px;

 }

 .servcard a {

     font-family: var(--heading-font);

     color: var(--primary-color);

     font-weight: bold;

     text-decoration: none;

 }

 .contact-sec {

     background: var(--section-background);

     padding: 100px 0px;

 }

 .contact-sec h2 {font-family: var(--heading-font);font-size: 50px;color: #ffffff;text-transform: uppercase;margin-bottom: 20px;}

 .contact-sec p {

     font-family: var(--primary-font);

     color: var(--grey-bg-text-color);

     padding-top: 20px;

     padding-bottom: 20px;

     border-top: 1px solid var(--grey-bg-text-color);

     border-bottom: 1px solid var(--grey-bg-text-color);

 }

 .contact-details a {

     display: block;

     width: fit-content;

     margin-bottom: 20px;

 }

 .contact-details a {

     color: white !important;

     text-decoration: none !important;

     font-family: var(--primary-font);

 }

 .contact-details a svg {

     margin-right: 10px;

 }

 .contactform {

     padding: 50px;

     border-radius: 20px;

     background: black;

     border: 1px solid white;

 }

 .contactform input {

     padding: 0.375rem 0.75rem;

     font-size: 1rem;

     line-height: 1.5;

     color: var(--primary-text-color);

     background-color: #fff;

     background-clip: padding-box;

     border: 1px solid var(--section-border);

     height: 50px;

     font-family: var(--primary-font);

     border-radius: 6px;

     width: 100%;

     margin-bottom: 10px;

 }

 .contactform textarea {

     padding: 0.375rem 0.75rem;

     font-size: 1rem;

     line-height: 1.5;

     color: var(--primary-text-color);

     background-color: #fff;

     background-clip: padding-box;

     border: 1px solid var(--section-border);

     height: 150px;

     font-family: var(--primary-font);

     border-radius: 6px;

     width: 100%;

     margin-bottom: 10px;

 }

 input.btn.btn-website {

     margin-left: 0px;

 }

 .service-bottom-banner {

     padding: 80px 0px;

     background: url(../images/review-btm.webp);

     background-attachment: fixed;

     background-size: cover;

 }

 .service-bottom-banner h2 {

     font-family: var(--heading-font);

     color: var(--white-section-heading-color);

     font-size: 40px;

 }

 .main-service-row {

     padding: 60px 0px;

 }

 .main-service-row .row {

     align-items: center;

 }

 .ml-0 {

     margin-left: 0px !important;

 }

 .main-service-row p {

     font-family: var(--primary-font);

     text-align: justify;

 }

 .main-service-row img {

     width: 100%;

 }

 .case-sec {

     padding: 80px 0px;

     background: var(--section-background);

 }

 .case-sec h2 {

     font-family: var(--heading-font);

     text-align: center;

     font-size: 50px;

     color: var(--grey-bg-text-color);

 }

 .case-sec h3 {

     font-family: var(--heading-font);

     text-align: center;

     font-weight: normal;

     color: var(--primary-color);

     font-size: 14px;

 }

 .case-sec .row {

     align-items: center;

 }

 .case-sec h4 {

     color: var(--primary-color);

     font-size: 36px;

     font-weight: 700;

     font-family: var(--heading-font);

     margin-bottom: 30px;

 }

 .case-sec p {

     color: var(--grey-bg-text-color);

     font-family: var(--primary-font);

 }

 .case-sec .w-rowleft .col-lg-6.video {

     text-align: center;

 }

 .case-sec .w-rowleft {

     padding-top: 40px;

     padding-bottom: 40px;

     margin-top: 100px;

     margin-bottom: 100px;

     position: relative;

 }

 .case-sec .w-rowright {

     padding-top: 40px;

     padding-bottom: 40px;

     margin-top: 100px;

     margin-bottom: 100px;

     position: relative;

 }

 .case-sec .w-rowleft .col-lg-6.content {

     padding-right: 180px;

 }

 .case-sec .w-rowright .col-lg-6.content {

     padding-right: 130px;

     padding-left: 60px;

 }

 .case-sec .w-rowleft::before {

     content: '';

     width: 300px;

     right: 0;

     top: 0;

     position: absolute;

     height: 10px;

     background: var(--primary-color);

 }

 .case-sec .w-rowleft::after {

     content: '';

     width: 500px;

     right: 0;

     position: absolute;

     height: 100%;

     border-right: 10px solid var(--primary-color);

     border-bottom: 10px solid var(--primary-color);
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     pointer-events: none;

 }

 .case-sec .w-rowright::before {

     content: '';

     width: 300px;

     left: 0;

     top: 0;

     position: absolute;

     height: 10px;

     background: var(--primary-color);

 }

 .case-sec .w-rowright::after {

     content: '';

     width: 500px;

     left: 0;

     position: absolute;

     height: 100%;

     border-left: 10px solid var(--primary-color);

     border-bottom: 10px solid var(--primary-color);

 }

 .case-sec h4 span {

     font-size: 25px;

     font-weight: normal;

 }

 button.btn-website.w-full {

     width: 100%;

     margin-left: 0px;

 }

 .pricing-tabs {

     padding: 80px 0px;

 }

 .pricing-tabs h3 {font-family: var(--heading-font);color: #ffffff;}

 .pricing-tabs h2 {

     font-family: var(--heading-font);

     color: var(--white-section-heading-color);

 }

 .pricing-tabs p {

     font-family: var(--primary-font);

 }

 .pricing-tabs .tab-pane {padding: 60px;border: 1px solid var(--primary-color);background: #fff;}

 .pricing-tabs ul li {

     color: var(--primary-color);

     font-family: var(--primary-font);

     margin-bottom: 10px;

 }

 .package {

     padding: 20px 25px;

     background: #f3f3f3;

 }

 div#v-pills-tab {

     min-width: 385px;

 }

 div#v-pills-tab .nav-link {

     margin-top: 0;

     margin-bottom: 20px;

 }

 .pricing-tabs h2 span {

     font-size: 20px;

     display: block;

 }

 div#v-pills-tab .nav-link[aria-selected="true"] {

     background: black !important;

     transition: all 0.2s ease !important;

 }

 div#v-pills-tab .nav-link:hover {

     background: black !important;

     transition: all 0.5s ease;

 }

 ul.dropdown-menu.show {

     background: var(--footer-bg);

 }

 ul.dropdown-menu li {

     margin-left: 0px !important;

 }

 .bundles-row {

     background: var(--section-background);

     padding: 40px;

 }

 .bundles-row .pricing-package {

     padding: 20px 0px;

 }

 .pricing-package h2 {

     font-family: var(--heading-font);

     color: var(--primary-color);

     border-bottom: 3px solid;

     margin: 0px;

     border-left: 3px solid;

     line-height: 70px;

     padding-left: 30px;

 }

 .pricing-package h3 {

     font-family: var(--heading-font);

     color: var(--primary-color);

     line-height: 50px;

     margin-top: 50px;

     font-size: 50px;

     padding-left: 30px;

     text-align: right;

     padding-right: 30px;

     position: relative;

     text-align: center;



 }

 .pricing-package ul {

     margin: 0px;

     padding: 0px;

     height: 394px;

     overflow-y: scroll;

     padding-right: 30px;

 }

 .pricing-package ul li {

     list-style: none;

     color: white;

     font-family: var(--primary-font);

     line-height: 1.2;

     padding-left: 30px;

     font-size: 16px;

     border-bottom: 1px solid var(--grey-bg-text-color);

     position: relative;

     margin-left: 20px;

     padding-top: 5px;

     padding-bottom: 5px;

 }

 .pricing-package ul li:hover {

     border-bottom: 3px solid var(--grey-bg-text-color);



 }

 .pricing-package ul li::before {

     content: '';

     position: absolute;

     left: 0;

     top: 45%;

     width: 10px;

     height: 10px;

     transform: translate(0%, -50%);

     background: var(--primary-color);

 }

 .pricing-package .buttons {

     display: flex;

     flex-wrap: wrap;

     justify-content: center;

 }

 header#header-mobile .col-sm-8 {

     width: 70%;

 }



 header#header-mobile .col-sm-4 {

     width: 30%;

 }



 header#header-mobile .row {

     align-items: center;

 }

 .mobileicon {

     text-align: right;

 }

 .pricing-package h3 del {

     color: red;

     font-size: 13px;

 }

 .pricing-package h3 span {

     color: white;

     width: 50px;

     font-size: 14px;

     position: absolute;

     line-height: 1.2;

     height: 50px;

     display: flex;

     align-items: center;

     justify-content: center;

     text-align: center;

     background: green;

     border-radius: 50%;

     top: 0%;

     transform: translate(0, -45%);

     right: 90px;

 }

 .pricing-package ul span li {

     color: #22a8b4;

     margin: 0px;

     padding: 0px;

     border: 0px !important;

     font-weight: bold;

     margin-top: 10px;

 }

 .pricing-package ul span li:before {

     display: none;

 }

 .gallery-sec {

     background: var(--section-background);

     padding: 60px 0px;

 }

 .gallery-sec h2 {

     font-family: var(--heading-font);

     text-align: center;

     font-size: 50px;

     color: var(--grey-bg-text-color);

 }

 .gallery-sec h3 {

     font-family: var(--heading-font);

     text-align: center;

     font-weight: normal;

     color: var(--primary-color);

     font-size: 14px;

 }

 div#nav-tab-2 {

     border: 0px !important;

     justify-content: center;

     padding-top: 35px;

 }

 div#nav-tab-2 button {

     background: transparent;

     color: white;

     font-family: var(--primary-font);

     margin-left: 20px;

     margin-right: 20px;

     border: 2px solid white;

     border-radius: 5px;

     padding: 5px 25px
 }

 div#nav-tab-2 button.active {

     border-color: var(--primary-color);

     background-image: linear-gradient(80deg, #22a8b4, #247fa8) !important;

     border-radius: 5px !important;

     text-shadow: 0 10px 10px #247fa8;

     color: #fff !important;

 }

 .ghostwrite-gal {

     margin-top: 30px;

 }

 .ghostwrite-gal img {

     width: 90%;

     margin-left: 5%;

     height: 335px !important;

 }

 .ghostwrite-gal,
 .galleryimgs {

     max-width: 1061px !important;

     margin: 0px auto;

     margin-bottom: 0px !important;

 }

 .galleryimgs img {

     width: 100%;

     margin-left: 5%;

     height: 335px;

     object-fit: cover;

 }

 p.errorreport,
 p.cerrorreport {

     background: red;

     padding: 10px 20px;

     max-width: 600px;

     margin: 0 auto;

     margin-top: 10px;

     display: none;

 }

 p.datadone,
 p.cdatadone {

     background: green;

     padding: 10px 20px;

     max-width: 600px;

     margin: 0 auto;

     margin-top: 10px;

     display: none;

 }

 .border-red,
 .cborder-red {

     border: 2px solid red !important;

 }

 span.companytel.is_hidden {

     display: none;

 }

 .main-service-row ul {

     font-family: 'Poppins';

     font-size: 16px;

 }

 .main-service-row h2,
 .main-service-row h3,
 .main-service-row h4 {

     font-family: 'Poppins';

 }

 .banner.innerpage {

     background-position: center !important;

     background-size: cover !important;

 }

 header .logo img {

     padding-left: 15px;

     max-width: 170px;

 }

 .mobile-menu {

     position: fixed;

     width: 100%;

     height: 100%;

     background: rgba(0, 0, 0, 0.8);

     z-index: 99;

 }

 .mobile-menu ul li a {

     color: white;

     text-decoration: none;

     font-family: 'Poppins';

 }



 .mobile-menu ul li {

     list-style: none;

     text-align: center;

 }

 .mobile-menu ul {

     top: 45%;

     position: absolute;

     left: 50%;

     transform: translate(-50%, -50%);

     padding: 0px;

     width: 100%;

 }

 .mobile-menu .cross-icon {

     position: absolute;

     right: 10px;

     top: 10px;

 }

 ul.dropdown-menu-mobile {

     position: unset;

 }

 .mobile-menu ul li a {

     font-size: 18px;

 }

 .mobile-menu ul li {

     margin-bottom: 20px;

     position: relative;

 }

 ul.dropdown-menu-mobile {

     position: unset;

     transform: unset;

     display: none;

 }

 ul.dropdown-menu-mobile li {

     border-bottom: 1px solid white;

     border-top: 1px solid white !important;

     margin: 0px !important;

 }



 ul.dropdown-menu-mobile {

     margin-top: 14px;

 }

 .mobile-menu {

     overflow: hidden;

     height: 0px;

 }

 div#nav-tabContent .tab-pane {
     margin-top: 30px;
 }


 div#main-banner {
     background: url(../images/book-writing-bann.webp);
     background-position: center center;
     padding: 180px 0 60px 0;
     background-size: cover;
     height: 100%;
 }

 div#main-banner h1 {
     font-size: 60px;
 }


 a.themeBtn.myBtn {
     position: relative;
     overflow: hidden;
     background: linear-gradient(to right, #0f335e, #0f335e);
     background-size: 0 100%;
     background-repeat: no-repeat;
     background-position: center center;
     background-color: var(--bs-blue);
     cursor: pointer;
     font-size: 1.063rem;
     text-transform: uppercase;
     display: inline-block;
     padding: 11px 40px;
     line-height: normal;
     border-radius: 6px;
     color: var(--bs-heading-color);
     border: none;
     transition: .3s ease-in-out;
     text-decoration: unset;
 }

 a.themeBtn.myBtn:hover {
     background-size: 100% 100%;
     color: var(--bs-heading-color);
 }

 div#main-banner .bannerforms {
     max-width: 430px;
     margin-left: auto;
     background: #fff
 }

 div#main-banner .innerBanner .bannerforms h3 {
     font-size: 1.375rem;
     color: var(--white);
     font-family: Poppins, sans-serif;
     font-weight: 700;
     margin: 0
 }

 div#main-banner .innerBanner .bannerforms .formhead {
     background-color: #000;
     padding: 1rem
 }

 div#main-banner .bannerforms .banner-form-inner .form-group .form-control::-webkit-input-placeholder,
 .bannerforms .banner-form-inner .form-group .form-control::placeholder {
     color: #000
 }

 div#main-banner .bannerforms .form-lower {
     padding: 22px 25px
 }

 div#main-banner .bannerforms .formhead {
     background-color: #000;
     padding: 1rem;
 }

 div#main-banner .bannerforms .formhead h3 {
     text-align: center;
     font-size: 1.375rem;
     color: var(--banner-text-color);
     font-family: Poppins, sans-serif;
     font-weight: 700;
     margin: 0;
 }

 div#main-banner .bannerforms h3 span {
     font-weight: 300;
 }

 div#main-banner h1 {
     margin-bottom: 20px;
 }

 div#main-banner a.themeBtn.myBtn {
     margin-top: 20px;
 }

 div#main-banner .form-group.submit-btn button {
     border-radius: 5px;
     background-color: #ef0000;
     height: 55px;
     display: flex;
     color: #fff;
     text-transform: uppercase;
     font-size: 1.25rem;
     width: 100%;
     align-items: center;
     justify-content: center;
     font-weight: 500;
     margin-top: 16px;
     transition: box-shadow .2s linear;
     border: none;
 }

 div#main-banner .bannerforms .form-control {
     padding: 6px 20px 6px 32px;
 }

 div#main-banner .bannerforms .form-group {
     position: relative;
 }

 div#main-banner .bannerforms .form-group span.icon {
     position: absolute;
     left: 10px;
     top: 50%;
     transform: translateY(-50%);
 }

 div#main-banner .bannerforms .form-group span.icon svg {
     fill: var(--bs-blue);
     color: var(--bs-blue);
 }

 div#main-banner .bannerforms .form-control::placeholder {
     color: black;
     font-size: 12px;
     position: relative;
 }

 section.logo-part {
     padding: 31px 0;
     text-align: center;
     display: flex;
     justify-content: space-between;
     background: #22a8b4;
 }

 div#main-banner .bannerforms .form-lower .contactform {
     background: transparent;
     padding: 0;
 }

 section.logo-part {
     padding: 31px 0;
     text-align: center;
     display: flex;
     justify-content: space-between;
     background: #22a8b4;
 }

 section.logo-part .fr-logo {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }


 .skill {
     padding-top: 6rem;
     padding-bottom: 3rem;
 }

 h2 span {
     color: var(--bs-blue);
 }

 .skill figure {
     position: relative;
 }

 .skill figure::before {
     position: absolute;
     content: "";
     right: 0;
     top: -1rem;
     /* background: url(../images/skill-bf.webp) 0 0/cover no-repeat; */
     width: 334px;
     height: 306px;
     z-index: 0;
 }

 .skill figure::after {
     position: absolute;
     content: "";
     left: -14rem;
     top: -3rem;
     background: url(../images/profe-after.webp) 0 0/cover no-repeat;
     width: 309px;
     height: 462px;
     z-index: 0;
 }

 .skill ul {
     margin: 0 0 1rem;
     padding: 0;
     list-style-type: none;
     margin-top: 2rem !important;
     display: flex;
     gap: 1rem;
 }

 .skill ul li {
     color: #383838;
     font-size: 1.063rem;
     padding-bottom: 0.5rem;
     align-items: center;
     column-gap: 5px;
 }

 .storyCount li {
     display: flex;
     align-items: unset;
 }

 .storyCount li span.icon {
     font-size: 40px;
 }

 .storyCount li span.icon svg {
     fill: #22a8b4;
 }

 .skill ul li p {
     margin-bottom: 0;
 }

 .storyCount li span {
     font-size: .8rem;
     display: block;
     color: #746e6e;
     font-weight: 400;
 }

 ul.storyCount li p {
     font-size: 2rem;
     font-weight: 700;
     color: #000;
     margin: 0;
 }

 .storyCount li+li {
     border-left: 1px solid #ddd;
     padding-left: 1rem;
 }

 section.cta {
     background: #0e0e0f;
     padding: 4.5rem 0;
 }

 section.cta .row {
     align-items: center;
 }

 section.cta .row h3 {
     font-family: var(--heading-font);
     font-size: 50px;
     color: var(--grey-bg-text-color);
 }

 section.cta .row p {
     color: white;
 }

 section.cta .row .form-inline {
     margin-top: 40px;
 }



 section.trust {
     padding: 6rem 0;
 }

 .icon-trus ul {
     padding: 0;
     margin: 2rem 0
 }

 .icon-trus ul li {
     display: flex;
     gap: 2rem;
     margin-bottom: 2rem
 }

 .icon-trus ul li h3 {
     font-size: 1.75rem
 }

 .icon-trus ul li p {
     font-size: .938rem;
     color: #000
 }

 .wrap_form {
     background: #e38f33;
     border-radius: 10px;
     width: 100%;
     box-shadow: 0 0 30px #00000073;
     position: sticky;
     top: 135px
 }

 .top_banner_heading {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     position: relative
 }

 .showform .top_banner_heading {
     border-radius: 0
 }

 .form-upper {
     color: #fff;
     text-align: center;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     width: 100%;
     padding: 1.5rem
 }

 .top_banner_heading h3:first-child {
     font-size: 2.25rem;
     font-family: Poppins, sans-serif
 }

 .top_banner_heading h3 {
     font-size: 1.625rem;
     font-family: 'Poppins';
 }

 .top_banner_heading a {
     display: inline-flex;
     flex-grow: 1;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 1.875rem;
     margin-left: 10px;
     text-decoration: none;
     background-color: #1c67d2;
     flex: 0 0 20%;
     min-height: 50px
 }

 .form-middle {
     background-color: #22a8b4;
     color: #fff;
     padding: 6px 0 16px;
     width: 100%
 }

 .form-middle h3 {
     font-size: 1.563rem;
     text-align: center;
     text-transform: uppercase;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-bottom: 0;
     font-family: 'Poppins';
     font-weight: 400
 }

 .timeContainer {
     z-index: 2;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .timeContainer .wrapper {
     padding: 0 0;
     display: flex;
     gap: 20px;
 }

 .timeContainer .wrapper .times {
     color: white;
     text-align: center;
     width: 90px;
     padding: 10px 10px;
     background: #0f335e !important;
     border-radius: 6px;
 }




 .timeContainer .wrapper div h2 {
     font-size: 2.4rem;
     font-family: 'Poppins';
 }

 .circleDiv {
     position: absolute;
     z-index: -1;
     top: calc(50% - 237px);
     left: calc(-50% + 474px);
     width: 474px;
     height: 474px;
     border-radius: 100%;
     border: 6px dashed #00A3D0;
     animation: rotatingCircle infinite linear 60s;
 }

 .form-middle h3 span {
     font-weight: 700;
     color: #ffea00;
 }



 .form-lower.banner-form-inner {
     padding: 22px 25px;
 }

 .form-lower.banner-form-inner .form-group {
     position: relative;
 }

 .form-lower.banner-form-inner .form-group span.icon {
     position: absolute;
     left: 10px;
     top: 50%;
     transform: translateY(-50%);
 }

 .form-lower.banner-form-inner .form-group span.icon svg {
     fill: var(--bs-blue);
     color: var(--bs-blue);
 }

 .form-lower.banner-form-inner .form-control {
     padding: 10px 10px;
 }

 .form-lower.banner-form-inner .form-control::placeholder {
     color: black;
     font-size: 12px;
     position: relative;
     font-size: 14px;
     color: black;
     font-family: 'Poppins';
 }

 .form-lower.banner-form-inner .form-group.submit-btn button {
     border-radius: 5px;
     background-color: #ef0000;
     height: 55px;
     display: flex;
     color: #fff;
     text-transform: uppercase;
     font-size: 1.25rem;
     width: 100%;
     align-items: center;
     justify-content: center;
     font-weight: 500;
     margin-top: 16px;
     transition: box-shadow .2s linear;
     border: none;
 }

 .form-lower.banner-form-inner .form-group {
     position: relative;
 }

 .copy-right {
     padding: 15px 0;
     background: #0f335e;
 }

 .copy-right p {
     color: white;
     text-align: center;
 }


 .all-book {
     padding: 40px 0 30px 0;
     border-bottom: 2px solid #fffaef;
     position: relative;
 }

 .all-book h3 {
     font-size: 13.563rem;
     text-align: center;
     text-transform: capitalize;
     font-weight: 700;
     margin: 0;
     white-space: nowrap;
     color: #22a8b41f;
     position: absolute;
     top: -5.7rem;
     left: 0;
     z-index: -1;
 }

 .all-book ul {
     list-style-type: none;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
 }

 .book-space li img {
     transition: .3s ease-in-out;
 }

 .book-space li:hover img:hover {
     transform: scale(1.1);
 }

 section.all-book img.img-one {
     width: 100%;
     position: absolute;
     top: -90px;
     z-index: -1;
 }

 section.skill.skillInner {
     background: var(--section-background);
 }

 section.skill.process h2.main-heading,
 section.trust h2.main-heading,
 section.skill.skillInner h2.main-heading {
     font-family: var(--heading-font);
     font-size: 50px;
     color: var(--grey-bg-text-color);
 }

 h2.main-heading span {
     color: #e38f33;
 }

  h2.main-heading2 span {
     color: #000000;
 }
 section.skill.skillInner img.img-fluid {
     z-index: 1;
     position: relative;
 }

 section.skill.skillInner p {
     font-family: var(--primary-font);
     color: var(--grey-bg-text-color);
 }

 .storyCount li span.icon svg {
     height: 1em;
     width: 1em;
 }

 .storyCount li span {
     color: white;
 }

 section.cta .row p {
     font-family: var(--primary-font);
     color: var(--grey-bg-text-color);
     margin-bottom: 0 !important;
 }

 section.cta .row .form-inline {
     margin-top: 20px;
 }

 section.trust {
     background: #121212;
 }

 section.trust p {
     font-family: var(--primary-font);
     color: var(--grey-bg-text-color);
     text-align: justify;
 }

 section.trust .icon-trus ul * {
     color: white;
 }

 section.all-book {
     overflow: visible;
     background: #121212;
 }

 section.all-book img.img-one {
     z-index: 0;
 }

 section.all-book ul img {
     position: relative;
     z-index: 1;
 }

 section.skill.process {
     background: #e38f33;
 }

 section.all-book {
     border: unset;
 }

 section.skill.process p {
     font-family: var(--primary-font);
     color: var(--grey-bg-text-color);
     text-align: justify;
 }

 section.skill.process img.img-fluid.skill3 {
     position: relative;
     z-index: 1;
 }

 section.trust .wrap_form .contactform {
     padding: 0;
     border: unset;
     background: transparent;
 }

 section.trust {
     border: unset !important;
 }

 section.all-book {
     margin-top: -2px;
 }

 div#main-banner a.btn.btn-website {
     margin-left: 0;
 }

 div#main-banner p {
     margin-left: 0;
 }

 section.skill.skillInner a.btn.btn-website {
     margin-left: 0;
 }

 section.cta .row .form-inline a.btn.btn-website {
     margin-left: 0;
 }

 section.skill.process a.btn.btn-website {
     margin-left: 0;
 }

 .timeContainer .wrapper .col.times.days {
     display: none;
 }

 @media (max-width: 1199px) and (min-width: 992px) {

     .servcard p {

         font-size: 13px;

     }

     footer ul li a {

         font-size: 12px;

         line-height: 1.2 !important;

     }

     footer p {

         font-size: 12px;

     }

     .banner.innerpage h1 {

         font-size: 35px;

     }

     .service-bottom-banner h2 {

         font-size: 30px;

     }

     .btn-website {

         font-size: 14px !important;

         margin: 10px;

     }

     .fields input {

         width: 25%;

     }

     .main-service-row p {

         font-size: 14px;

     }

     header .logo img {

         width: 100%;

     }

     .main-menu ul li {

         margin-left: 15px;

     }

     .main-menu ul a {

         font-size: 13px;

     }

     header#header .contactinfo a {

         font-size: 13px;

     }

     span.companytel {

         padding-left: 10px;

         font-size: 14px;

     }

     header#header span.socialicons svg {

         width: 35px !important;

         height: 35px;

     }

     li.nav-item.dropdown {

         margin-top: 3px;

     }

     .banner.innerpage svg.icon {

         height: 200px;

         width: 200px !important;

     }

     .banner.innerpage {

         background-position: center !important;

         height: 500px !important;

     }

     .banner.innerpage .separater {

         margin-top: 20px !important;

         margin-bottom: 20px !important;

     }

     .banner.innerpage p {

         font-size: 14px !important;

     }

     .banner.innerpage .row .col-lg-6 {

         padding: 0px !important;

         padding-right: 20px !important;

         padding-left: 20px !important;

     }

     .banner.innerpage .row {

         display: flex !important;

         align-items: center !important;

         height: 100%;

     }

     .banner.innerpage .content {

         margin-top: 50px;

     }

     .services-sec img {

         height: 150px;

     }

     .servcard {

         padding-bottom: 30px;

         min-height: 370px;

     }

     .case-sec .col-lg-6.video iframe {

         width: 100% !important;

     }

     div#v-pills-tab {

         min-width: fit-content !important;

     }

     .pricing-tabs ul li {

         font-size: 14px;

     }

     .btn-website {

         font-size: 14px !important;

         margin: 10px;

         padding: 5px 20px;

     }

     .pricing-package h3 span {

         right: 10%;

     }

     .homeservices h4 {

         font-size: 40px;

     }

     .homeservices p {

         font-size: 12px;

     }

     .services-sec h2 {

         font-size: 40px;

     }

     .col-lg-6.video {

         text-align: center;

     }

     .case-sec .col-lg-6.video iframe {

         width: 95%;

     }

     .case-sec .w-rowright::after {

         width: 95%;

     }

     div#v-pills-tab {

         min-width: 100%;

         display: flex;

         flex-direction: row !important;

         justify-content: center;

         column-gap: 10px;

     }



     .pricing-tabs .align-items-start {

         flex-direction: column;

     }



     div#v-pills-tab button {

         font-size: 14px;

         width: fit-content;

         padding: 0px 10px;

     }



     .pricing-tabs h3 {

         text-align: center;

         margin-bottom: 30px;

     }



     .pricing-tabs {

         padding: 60px 0;

     }

     .timeContainer .wrapper div h2 {
         font-size: 1.3rem;
     }

     .timeContainer .wrapper .times {
         width: 80px;
         font-size: 14px;
     }

     .timeContainer .wrapper {
         gap: 10px;
     }

 }

 @media (max-width: 991px) and (min-width: 776px) {

     .pricing-package ul {



         height: 255px;



     }

     .main-service-row .col-lg-6 {

         padding-bottom: 20px;

     }

     .case-sec .w-rowright::after {

         width: 95%;

     }

     .case-sec .col-lg-6.video iframe {

         width: 95%;

     }

     .col-lg-6.video {

         text-align: center;

     }

     .banner.innerpage .row .col-lg-6 {

         padding: 0px !important;

     }



     .banner.innerpage .row {

         display: flex;

         align-items: center;

         justify-content: center;

         height: 100%;

         padding-left: 60px;

         padding-right: 60px;

     }

     .about-sec {

         padding-bottom: 50px !important;

     }

     .banner.innerpage .row .col-lg-6:first-child {

         display: none;

     }

     header#header {

         display: none;

     }

     .banner h1 {
         font-size: 60px;
         line-height: 1.3;
     }



     .banner .separater {

         margin-top: 30px;

         margin-bottom: 30px;

     }



     .homeaboutsec h2 {

         font-size: 50px;

         line-height: 1.2;

     }



     .homeaboutsec h3 {

         font-size: 25px;

         margin-bottom: 30px;

         margin-top: 20px;

     }



     .homeaboutsec ul {

         margin-left: 0;

         margin-top: 10px;

         margin: auto;

     }



     .row.statsrow {

         padding-top: 60px;

         row-gap: 20px;

     }



     .homeservices .content {

         padding-top: 40px;

         padding-bottom: 40px;

     }



     .row.row-right {

         flex-direction: column-reverse;

     }



     .fields input {

         width: 100%;

         margin-bottom: 20px;

     }



     .main-footer ul {

         padding-left: 0;

     }



     .main-footer ul li {

         width: fit-content;

     }



     .main-footer .row.mainrow .col-lg-10 .col-lg-3 {

         width: 50%;

         padding: 0;

     }

     .ghostwrite-gal img {

         height: 220px !important;

     }

     .row.galleryimgs .col-lg-3 {

         width: 25% !important;

     }



     .row.galleryimgs .col-lg-3 img {

         height: 220px !important;

     }

     .banner .content {

         left: 60px;

     }

     .services-sec h2 {

         font-size: 40px;

     }

     div#v-pills-tab {

         min-width: 100%;

         display: flex;

         flex-direction: row !important;

         justify-content: center;

         column-gap: 10px;

     }



     .pricing-tabs .align-items-start {

         flex-direction: column;

     }



     div#v-pills-tab button {

         font-size: 14px;

         width: fit-content;

         padding: 0px 10px;

     }



     .pricing-tabs h3 {

         text-align: center;

         margin-bottom: 30px;

     }



     .pricing-tabs {

         padding: 60px 0;

     }

     header#header-mobile {

         display: block;

     }

     .timeContainer .wrapper {
         gap: 10px;
     }

     .timeContainer .wrapper div h2 {
         font-size: 1.4rem;
     }

     .timeContainer .wrapper .times {
         font-size: 12px;
         width: 70px;
     }

     div#main-banner h1 {
         font-size: 40px;
     }

     div#main-banner p {
         font-size: 15px;
         margin: 0;
     }

     div#main-banner a.btn.btn-website {
         margin: 0;
         margin-top: 20px;
     }

     div#main-banner h2.main-heading {
         font-size: 40px;
     }

     section.skill.skillInner p {
         font-size: 15px;
     }

     section.cta .row h3 {
         font-size: 40px;
     }

     .top_banner_heading h3:first-child {
         font-size: 1.6rem;
     }

     .top_banner_heading h3 {
         font-size: 1rem;
     }

     .form-upper {
         padding: 20px 20px;
     }

     .form-middle h3 {
         font-size: 1.3rem;
     }

     section.skill.process a.btn.btn-website {
         margin-left: 0;
     }

 }

 @media (max-width: 775px) and (min-width: 575px) {

     .main-service-row .col-lg-6 {

         padding-bottom: 20px;

     }

     .case-sec .w-rowright::after {

         width: 95%;

     }

     .case-sec .col-lg-6.video iframe {

         width: 95%;

     }

     .services-sec .col-lg-3 {

         max-width: 350px;

         margin: 0 auto;

     }

     .banner.innerpage .row .col-lg-6 {

         padding: 0px !important;

     }



     .banner.innerpage .row {

         display: flex;

         align-items: center;

         justify-content: center;

         height: 100%;

         padding-left: 60px;

         padding-right: 60px;

     }

     .about-sec {

         padding-bottom: 50px !important;

     }

     .banner.innerpage .row .col-lg-6:first-child {

         display: none;

     }

     .about-sec .row {

         margin: 0px !important;

     }

     .banner .content {

         left: 60px;

     }

     header#header {

         display: none;

     }

     .banner h1 {

         font-size: 50px;

         line-height: 1.3;

         padding-right: 40px;

     }



     .banner .separater {

         margin-top: 30px;

         margin-bottom: 30px;

     }



     .homeaboutsec h2 {

         font-size: 50px;

         line-height: 1.2;

     }



     .homeaboutsec h3 {

         font-size: 25px;

         margin-bottom: 30px;

         margin-top: 20px;

     }



     .homeaboutsec ul {

         margin-left: 0;

         margin-top: 10px;

         margin: auto;

     }



     .row.statsrow {

         padding-top: 60px;

         row-gap: 20px;

     }



     .homeservices .content {

         padding-top: 40px;

         padding-bottom: 40px;

     }



     .row.row-right {

         flex-direction: column-reverse;

     }



     .fields input {

         width: 100%;

         margin-bottom: 20px;

     }



     .main-footer ul {

         padding-left: 0;

     }



     .main-footer ul li {

         width: fit-content;

     }



     .main-footer .row.mainrow .col-lg-10 .col-lg-3 {

         width: 50%;

         padding: 0;

     }

     .ghostwrite-gal img {

         height: 170px !important;

     }

     .row.galleryimgs .col-lg-3 {

         width: 25% !important;

     }



     .row.galleryimgs .col-lg-3 img {

         height: 170px !important;

     }

     footer h2 {

         text-align: center !important;

     }

     .main-footer .row {

         margin-left: 0px !important;

         margin-right: 0px !important;

     }

     .main-footer {

         padding-top: 45px;

     }

     .services-sec h2 {

         font-size: 35px;

     }

     .banner.innerpage h1 {

         font-size: 35px !important;

     }

     div#v-pills-tab {

         min-width: 100%;

         display: flex;

         flex-direction: row !important;

         justify-content: center;

         column-gap: 10px;

     }



     .pricing-tabs .align-items-start {

         flex-direction: column;

     }



     div#v-pills-tab button {

         font-size: 14px;

         width: fit-content;

         padding: 0px 10px;

     }



     .pricing-tabs h3 {

         text-align: center;

         margin-bottom: 30px;

     }



     .pricing-tabs {

         padding: 60px 0;

     }

     header#header-mobile {

         display: block;

     }

     .timeContainer .wrapper {
         gap: 10px;
     }

     .timeContainer .wrapper div h2 {
         font-size: 1.4rem;
     }

     .timeContainer .wrapper .times {
         font-size: 12px;
         width: 70px;
     }

     div#main-banner h1 {
         font-size: 40px;
     }

     div#main-banner p {
         font-size: 15px;
         margin: 0;
     }

     div#main-banner a.btn.btn-website {
         margin: 0;
         margin-top: 20px;
     }

     div#main-banner h2.main-heading {
         font-size: 40px;
     }

     section.skill.skillInner p {
         font-size: 15px;
     }

     section.cta .row h3 {
         font-size: 40px;
     }

     .top_banner_heading h3:first-child {
         font-size: 1.6rem;
     }

     .top_banner_heading h3 {
         font-size: 1rem;
     }

     .form-upper {
         padding: 20px 20px;
     }

     .form-middle h3 {
         font-size: 1.3rem;
     }

     section.skill.process a.btn.btn-website {
         margin-left: 0;
     }

     .skill ul li {
         width: 45%;
     }

     .skill ul {
         flex-wrap: wrap;
     }

     .skill ul li {
         border: unset;
         padding-left: 0;
     }

     section.logo-part {
         display: none;
     }

 }

 @media (max-width: 575px) {
     section.skill.skillInner figure {
         display: none;
     }

     section.skill.skillInner {
         padding-top: 40px;
     }

     section.skill.process figure {
         display: none;
     }

     section.skill.process {
         padding-top: 40px;
     }

     section.cta .row .form-inline {
         flex-direction: column;
         display: flex;
         width: fit-content;
     }

     .bundles-row {

         padding: 30px 10px;

     }



     .pricing-package h3 {

         font-size: 40px;

     }



     .pricing-package h3 span {

         right: 30px;

     }



     .btn-website {

         font-size: 16px;

     }

     .pricing-package ul {



         height: 232px;



     }

     .banner.innerpage.servicespages {

         height: 400px;

     }

     .main-service-row .col-lg-6 {

         margin-bottom: 20px;

     }

     .case-sec {

         padding-bottom: 10px !important;

     }

     .case-sec .w-rowright::after {

         width: 95%;

     }

     .case-sec .col-lg-6.content {

         padding-right: 20px !important;

         padding-left: 20px !important;

     }

     .case-sec .col-lg-6.video iframe {

         width: 95%;

     }

     .service-bottom-banner .btn-website {

         font-size: 14px;

     }

     .banner .content {

         left: 30px;

         padding-right: 30px !important;

     }

     header#header {

         display: none;

     }

     .banner h1 {
         font-size: 40px;
         line-height: 1.3;
     }



     .banner .separater {

         margin-top: 30px;

         margin-bottom: 30px;

     }



     .homeaboutsec h2 {

         font-size: 35px;

         line-height: 1.2;

         padding-right: 30px;

     }

     .homeservices h2 {

         font-size: 35px;

     }

     .homeservices h4 {

         font-size: 30px;

     }

     .row.galleryimgs .col-lg-3 {

         width: 50% !important;

     }

     .row.galleryimgs .col-lg-3 img {

         margin-bottom: 10px;

     }

     .homeaboutsec h3 {

         font-size: 25px;

         margin-bottom: 30px;

         margin-top: 20px;

     }

     .homeservices .content {

         padding-left: 20px;

         padding-right: 20px;

     }

     .homeservices img {

         min-height: 250px;

     }

     .homeaboutsec ul {

         margin-left: 0;

         margin-top: 10px;

         margin: auto;

     }



     .row.statsrow {

         padding-top: 60px;

         row-gap: 20px;

     }



     .homeservices .content {

         padding-top: 40px;

         padding-bottom: 40px;

     }



     .row.row-right {

         flex-direction: column-reverse;

     }



     .fields input {

         width: 100%;

         margin-bottom: 20px;

     }



     .main-footer ul {

         padding-left: 0;

     }





     .main-footer .row.mainrow .col-lg-10 .col-lg-3 {

         width: 100%;

         padding: 0;

     }

     .ghostwrite-gal img {

         height: 170px !important;

     }

     div#nav-tab-2 button {

         margin-top: 5px;

         margin-bottom: 5px;

     }

     .row.galleryimgs .col-lg-3 img {

         height: 170px !important;

     }

     footer h2 {

         text-align: center !important;

     }

     .main-footer .row {

         margin-left: 0px !important;

         margin-right: 0px !important;

     }

     .main-footer {

         padding-top: 45px;

     }

     .banner.innerpage .row .col-lg-6 {

         padding: 0px !important;

     }



     .banner.innerpage .row {

         display: flex;

         align-items: center;

         justify-content: center;

         height: 100%;

         padding-left: 60px;

         padding-right: 60px;

     }

     .about-sec {

         padding-bottom: 50px !important;

     }

     .banner.innerpage .row .col-lg-6:first-child {

         display: none;

     }

     .about-sec .row {

         margin: 0px !important;

     }

     .banner .content {

         left: 20px;

     }

     header#header-mobile {

         display: block;

     }

     .banner.innerpage p {

         font-size: 14px !important;

     }

     .banner.innerpage h1 {

         font-size: 25px !important;

     }

     .banner.innerpage .btn-website {

         font-size: 15px !important;

     }

     .banner.innerpage .row {

         padding-left: 20px !important;

         padding-right: 20px !important;

     }

     .services-sec h2 {

         font-size: 25px;

     }

     div#v-pills-tab {

         min-width: 100%;

         display: flex;

         flex-direction: row !important;

         justify-content: center;

         column-gap: 10px;

     }



     .pricing-tabs .align-items-start {

         flex-direction: column;

     }



     div#v-pills-tab button {

         font-size: 14px;

         width: fit-content;

         padding: 0px 10px;

     }



     .pricing-tabs h3 {

         text-align: center;

         margin-bottom: 30px;

     }



     .pricing-tabs {

         padding: 60px 0;

     }

     .pricing-tabs .tab-pane {

         padding: 30px 20px;

     }

     .bundles-row {

         padding: 30px 10px;

     }



     .pricing-package h3 {

         font-size: 40px;

     }



     .pricing-package h3 span {

         right: 30px;

     }



     .btn-website {

         font-size: 16px;

     }

     .pricing-package ul {



         height: 232px;

     }

     .contact-sec {

         padding: 50px 0;

     }



     .contact-sec h2 {

         font-size: 40px;

     }



     .contactform {

         padding: 40px 20px 20px 20px;

     }

     .homeaboutsec ul {

         width: 100%;

         margin-top: 20px;

     }



     div#nav-tab-2 button {

         margin: 5px 5px;

     }



     .about-sec h2 br {
         display: none;
     }



     .about-sec h2 {

         text-align: left;

         padding: 0 0px 30px 0px;

     }





     .case-sec .w-rowright {

         margin-top: 0px !important;

         margin-bottom: 40px !important;

     }



     .case-sec .w-rowleft {

         margin-top: 40px;

         margin-bottom: 40px;

     }







     div#v-pills-tab .nav-link {

         margin-bottom: 10px;

     }





     ul.dropdown-menu-mobile {

         width: fit-content;

         margin: auto;

         margin-top: 10px;

     }



     ul.dropdown-menu-mobile li {

         padding: 6px 10px;

     }

     .mobile-menu .cross-icon {

         z-index: 99999999999999;

         top: 21px;

     }

     video#background-video {

         position: relative !important;

         height: 100% !important;

     }

     .skill ul {
         flex-direction: column;
     }

     .storyCount li+li {
         padding-left: 0;
         border: unset;
     }

     h2.main-heading {
         font-size: 40px;
     }

     div#main-banner .bannerforms {
         margin-top: 40px;
     }

     div#main-banner h1 {
         font-size: 36px;
     }

     div#main-banner p {
         margin-left: 0;
         font-size: 15px;
     }

     div#main-banner a.btn.btn-website {
         margin-left: 0;
     }

     section.logo-part {
         display: none;
     }

     section.cta .col-md-3 {
         display: none;
     }

     h3.aos-init.aos-animate {
         font-size: 34px !important;
     }

     section.cta .row .form-inline {
         margin-top: 0;
     }

     section.cta .row .form-inline a.btn.btn-website {
         margin-left: 0;
     }

     section.trust .icon-trus ul li {
         gap: 10px;
         margin-bottom: 10px;
     }

     section.trust .icon-trus ul li figure {
         width: 20%;
         margin-bottom: 0;
     }

     section.trust .icon-trus ul li .trust-content {
         width: 80%;
     }

     section.trust .icon-trus ul li .trust-content h3 {
         font-size: 22px;
     }

     section.trust .icon-trus ul li .trust-content p {
         font-size: 15px;
     }

     section.all-book img.img-one {
         top: -30px;
     }

     .all-book ul li:nth-child(6) {
         display: none;
     }

     .all-book ul li:nth-child(5) {
         display: none;
     }
 }


 .popupContainer {
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: #fff;
     transition: top 0.3s ease-in-out;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
     max-width: 720px;
     width: 100%;
     z-index: 1002;
 }

 .popupContent {
     padding: 20px;
 }

 .popupContainer .popupContent {
     padding-top: 40px;
     padding-bottom: 40px;
     background-color: rgb(255, 255, 255);
     border-color: #175c8d;
     opacity: 1;
     border-width: 10px;
     border-style: solid;
 }

 .popupContainer .popupContent .popup-form button#submitformbtn {
     color: rgb(255, 255, 255);
     font-weight: 600;
     background-color: rgb(1, 116, 199);
     font-size: 20px;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
     display: flex;
     align-items: center;
     flex-direction: column;
     border-radius: 3px;
     border: 1px solid rgba(0, 0, 0, 0.2);
     padding: 10px 25px;
     margin: auto;
 }

 .popupContainer .popupContent .popup-form button#submitformbtn span.btn-top {
     display: flex;
     align-items: center;
     column-gap: 5px;
     color: rgb(255, 255, 255);
     font-weight: 600;
     background-color: rgb(1, 116, 199);
     font-size: 20px;
     font-family: "Open Sans";
     letter-spacing: 1px;
 }

 .popupContainer .popupContent .popup-form button#submitformbtn span.btn-top img {
     width: 20px;
     height: 20px;
     filter: brightness(0) invert(1);
 }

 .popupContainer .popupContent .pop-up-logo {
     text-align: center;
     margin-bottom: 10px;
 }

 .popupContainer .popupContent .pop-up-logo img {
     width: 150px;
 }

 .popupContainer .popupContent .inner-popup-content h2 {
     font-size: 34px;
     text-align: center;
     font-weight: 900;
     margin-bottom: 10px;
 }

 .popupContainer .popupContent .inner-popup-content h4 {
     text-align: center;
     font-size: 24px;
     width: 82%;
     margin: auto;
     font-family: "Open Sans";
     line-height: 1.2;
     font-weight: 300 !important;
     opacity: 0.9;
 }

 .popupContainer .popupContent .popup-form {
     margin-top: 40px;
 }

 .popupContainer .popupContent .popup-form form#get-quote {
     width: 90%;
     max-width: 100%;
     margin: auto;
 }

 .popupContainer .popupContent .popup-form form#get-quote .form-group input {
     border: 1px solid rgba(0, 0, 0, 0.13);
     border-bottom: 3px solid rgba(0, 0, 0, 0.13);
     background-color: #fff;
     font-size: 16px;
     padding: 12px 18px;
     border-radius: 4px;
     margin-bottom: 16px;
 }

 .popupContainer .popupContent .popup-form form#get-quote .form-group input::placeholder {
     color: black !important;
     opacity: 0.5;
     letter-spacing: 0px;
 }

 .popupContainer .popupContent .popup-form button#submitformbtn span.btn-bottom {
     font-family: "Open Sans";
     color: rgb(255 255 255 / 87%) !important;
 }

 .popupContainer .popupContent .popup-form {
     width: 90%;
     max-width: 100%;
     margin: auto;
 }

 .popupContainer .popupContent .popup-form .form-group input {
     border: 1px solid rgba(0, 0, 0, 0.13);
     border-bottom: 3px solid rgba(0, 0, 0, 0.13);
     background-color: #fff;
     font-size: 16px;
     padding: 12px 18px;
     border-radius: 4px;
     margin-bottom: 16px;
     max-width: 100%;
     width: 100%;
 }

 .popupContainer .popupContent .popup-form .form-group input::placeholder {
     color: black !important;
     opacity: 0.5;
     letter-spacing: 0px;
 }

 .popupContainer .popupContent .main-popup-form {
     margin-top: 40px;
 }

 .popupContainer .popupContent .pop-up-logo {
     margin-bottom: 20px;
 }



 .popupContainer .popupContent {
     padding-left: 55px;
     padding-right: 55px;
     border-radius: 8px;
 }

 .popupContainer .popupContent .popup-form {
     width: 100%;
 }

 .popupContainer .popupContent .inner-popup-content h4 {
     text-align: center;
     font-size: 20px;
     width: 100%;
     margin: auto;
     font-family: open sans;
     line-height: 1.2;
     font-weight: 300 !important;
     opacity: 0.9;
 }

 .popupContainer .popupContent .inner-popup-content h2 {
     font-size: 30px;
 }

 div.popupContainer {
     background: transparent;
     box-shadow: unset;
 }

 .popupContainer .btn-website.submitformbtn {
     width: 100%;
     margin: 0 auto;
 }

 div.popupContainer div#closePopup {
     position: absolute;
     right: 11px;
     top: 10px;
     cursor: pointer;
     width: 25px;
 }

 .popupContainer input.error {
     border: 1px solid red !important
 }

 .popup_overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6);
     z-index: 1001;
     display: none;
 }

 .popupContainer .popupContent .popup-form button#submitformbtn:hover {
     background: #0174c7;
     opacity: 0.9;
 }

 .popupContainer .popupContent .popup-form .form-group input:focus {
     border-color: #42b0e2;
 }

 .popupContainer .popupContent .popup-form button#submitformbtn span.btn-top svg {
     width: 1em;
     height: 1em;
 }

 @media only screen and (max-width: 767px) {
     .popupContainer .popupContent {
         padding: 30px 7px;
         border-width: 6px;
     }

     div.popupContainer {
         width: 95%;
     }

     .popupContainer .popupContent .inner-popup-content h4 {
         font-size: 18px;
     }

     .popupContainer .popupContent .main-popup-form {
         margin-top: 30px;
     }

     .popupContainer .popupContent .popup-form button#submitformbtn span.btn-bottom {
         font-size: 13px;
     }
 }

 .main-service-row h2,
 .main-service-row h3,
 .main-service-row h4 {
     font-family: 'Poppins';
     color: #fff;
 }

 p.main-pera {
     color: #fff;
 }

 .about-the-policy.logofrank-page-title.logofrank-page-description.text-left {
     color: #fff;
 }

 .fields .footerForm input {

     width: 100%;
 }


 body {
     background-color: #222;
 }

 .show {
     display: block !important;
 }


 .logosliderinner:not(.slick-slider)>div:is(:nth-child(5), :nth-child(6), :nth-child(7), :nth-child(8)) {
     display: none;
 }




 @font-face {
     font-family: 'Caveat';
     src: url('../fonts/caveat.ttf');
     font-display: swap;
 }

 /* * {
     margin: 0px;
     padding: 0px;
     font-family: 'Oswalad', sans-serif;
 }

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

 .col-lg-6.linkfoot {
     text-align: right;
 }

 .col-lg-6.linkfoot a {
     color: black;
     text-decoration: none;
 }

 .packages-section .section-headings {
     margin-bottom: 70px;
 }

 /* Packages New */
 .packages-section {
     background: var(--section-background);
     padding: 80px 0;
 }

 .packages-section .col-lg-4 {
     padding-bottom: 30px;
 }

 .packages-section .col-lg-4 {
     width: 30%;
     margin-left: 1%;
     margin-right: 1%;
     padding: 0;
 }

 .packages-section .row {
     justify-content: center;

 }

 .package {
     padding: 40px;
     background-color: #fff;
     border-radius: 19px;
     box-shadow: 0 27px 62px 0 rgb(52 43 139/27%);
     border: 1px solid #cfd8dc;
     background-image: url(../images/playBg1.webp);
     background-position: -2px -2px;
     background-size: 102% 33%;
     background-size: 102% 250px;
     background-repeat: no-repeat;
 }

 .package.package__special {

     border-color: var(--primary-color);
     position: relative;
 }

 .package.package__special.special-right {
     overflow: hidden;
 }

 .package.package__special:before {
     content: "Most Popular";
     position: absolute;
     top: -15px;
     left: 50%;
     transform: translateX(-50%);
     font-weight: 700;
     color: #fff;
     background-color: rgb(41, 168, 225);
     padding: 0.275rem 0.575rem;
     border-radius: 5px;
     border: 1px solid #fff;
     background-image: -webkit-linear-gradient(-45deg, rgb(41, 168, 225) 0%, rgb(23 93 124) 100%);
     background-image: linear-gradient(-45deg, rgb(41, 168, 225) 0%, rgb(23 93 124) 100%);
 }

 .package.package__special.special-right:before {
     left: unset;
     width: 200px;
     right: -70px;
     transform: unset;
     top: -20px;
     transform: rotate(45deg);
     height: 100px;
     display: flex;
     align-items: flex-end;
     justify-content: center;
 }

 .package__head {
     /* margin-bottom: 25px; */
 }

 .package__title {
     font-size: 30px;
     margin-bottom: 20px;
 }

 .package__new-price {
     font-size: 50px;
     font-weight: 700;
 }

 .package__old-price {
     font-size: 20px;
     font-weight: 500;
     text-decoration: line-through;
     color: #494949;
 }

 .package__discount {
     display: flex;
     align-items: end;
     font-size: 20px;
     color: #494949;
 }

 .package__body ul {
     --package-li-height: 1.5;
     --package-li-font-size: 16px;
     --package-li-item-to-show: 10;
     margin-top: 20px;
     margin-bottom: 20px;
     padding-left: 0;
     overflow-y: auto;
     height: calc(var(--package-li-font-size) * var(--package-li-height) * var(--package-li-item-to-show));
 }


 .package__body ul::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 10px;
     background-color: #f5f5f5;
 }

 .package__body ul::-webkit-scrollbar {
     width: 8px;
     background-color: #f5f5f5;
 }

 .package__body ul::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color: var(--primary-color);
 }

 .package__body ul li {
     list-style: none;
     font-size: var(--package-li-font-size);
     line-height: var(--package-li-height);
     text-transform: capitalize;
     padding-left: 25px;
     position: relative;
     font-weight: 500;
 }

.package__body ul li {
    position: relative;
    padding-left: 28px; /* make room for icon */
}

.package__body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    /* FIXED + ENCODED SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2329A8E1' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
}


 .package__body ul span {
     font-weight: 700;
     color: var(--primary-color);
 }

 .package__footer {
     margin-top: 30px;
 }

 .package__button {
     border: 0;
     outline: 0;
     padding: 12px 20px;
     font-weight: 700;
     text-transform: uppercase;
     border: 1px solid transparent;
     border-radius: 5px;
     width: 100%;
     box-shadow: 0 20px 25px 0 rgb(206 200 233/60%);
     transition: 0.3s linear;
     font-size: 20px;
     transform: scale(0.95);
 }

 .package__button:hover {
     transform: scale(1);
 }

 .package__button-primary {
     color: #fff;
      color: var(--banner-text-color) !important;
     background-image: var(--button-shadow) !important;
     font-family: 'Poppins';
 }

 .package__button-light {
     color: var(--primary-color);
     background-color: #fff;
     border-color: var(--primary-color);
 }

 .package__line-break {
     content: "";
     height: 1px;
     width: 100%;
     margin-top: 10px;
     margin-bottom: 10px;
     display: block;
     background: linear-gradient(to left,
             rgba(255, 255, 255, 0),
             rgb(0 0 0 / 1),
             rgba(255, 255, 255, 0));
 }

 .plyr__poster {
     background-size: cover;
 }

 .package__voice-line {
     border-style: solid;
     border-width: 1px;
     border-color: #deecf3;
     border-radius: 20px;
     background-color: #fff;
     box-shadow: 0 11px 46px 0 rgb(12 68 95/17%);
     padding: 5px 25px 22px 25px;
     margin: auto;
     position: relative;
     transition-duration: 0.3s;
     height: 100%;
     margin-bottom: 20px;
 }

 .audioPlayer .audioPlayer_inner {
     display: flex;
     flex-direction: row;
     box-sizing: border-box;
     align-items: center;
     background-color: #cfedfc;
     display: inline-block;
     padding: 7px;
     border-radius: 20px;
     float: right;
 }

 .audioPlayer .audioPlayer-playpause {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 28px;
     height: 28px;
     border-radius: 50%;
     cursor: pointer;
     transition: all 0.2s ease-in-out;
 }

 .audioPlayer_inner {
     position: relative;
     z-index: 11;
 }

 .audioPlayer_inner::before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%) scale(0.6);
     display: block;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-color: #48b0e2;
     animation: pulse-border-1 1950ms linear infinite;
 }

 /*.package__voice-col-01 .svg-icon svg {
    height: 2rem;
    width: 2rem;
    fill: #196485;
}*/

 .package__voice-line .svg-icon svg {
     height: 2rem;
     width: 2rem;
     fill: #175d7c;
 }

 .package__voice-line.clr-pkg-1 {
     background-color: #ff6150;
 }


 .package__voice-line.clr-pkg-1 .svg-icon svg {
     fill: #fff;
 }

 .package__voice-line.clr-pkg-1 img {
     filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(20%) hue-rotate(283deg) brightness(104%) contrast(106%);
 }

 .package__voice-line.clr-pkg-1 p {
     color: #fff;
 }

 .clr-pkg-1 .audioPlayer_inner::before {
     background-color: #ffd11a;
 }

 .clr-pkg-1 .audioPlayer .audioPlayer_inner {
     background-color: #ffd11a87;
 }

 .clr-pkg-1 .audioPlayer:not(.playing) .audioPlayer-playpause {
     background-color: #ffcc00;
     border: 1px solid #fff;
 }

 .clr-pkg-1 .audioPlayer.playing .audioPlayer-playpause a:before,
 .clr-pkg-1 .audioPlayer.playing .audioPlayer-playpause a:after {
     background-color: #fff;
 }

 .package__voice-line.clr-pkg-2 img {
     filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(20%) hue-rotate(283deg) brightness(104%) contrast(106%);
 }

 .package__voice-line.clr-pkg-2 {
     background-color: #54d2d2;
 }


 .package__voice-line.clr-pkg-2 .svg-icon svg {
     fill: #fff;
 }

 .package__voice-line.clr-pkg-2 p {
     color: #fff;
 }

 .clr-pkg-2 .audioPlayer_inner::before {
     background-color: #4591ed;
 }

 .clr-pkg-2 .audioPlayer .audioPlayer_inner {
     background-color: #07244887;
 }

 .clr-pkg-2 .audioPlayer:not(.playing) .audioPlayer-playpause {
     background-color: #072448;
     border: 1px solid #fff;
 }

 .clr-pkg-2 .audioPlayer.playing .audioPlayer-playpause a:before,
 .clr-pkg-2 .audioPlayer.playing .audioPlayer-playpause a:after {
     background-color: #fff;
 }

 .package__voice-line.clr-pkg-3 img {
     filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(20%) hue-rotate(283deg) brightness(104%) contrast(106%);
 }

 .package__voice-line.clr-pkg-3 {
     background-color: #0BC18A;
 }


 .package__voice-line.clr-pkg-3 .svg-icon svg {
     fill: #fff;
 }

 .package__voice-line.clr-pkg-3 p {
     color: #fff;
 }

 .clr-pkg-3 .audioPlayer_inner::before {
     background-color: #E99886;
 }

 .clr-pkg-3 .audioPlayer .audioPlayer_inner {
     background-color: #DE644987;
 }

 .clr-pkg-3 .audioPlayer:not(.playing) .audioPlayer-playpause {
     background-color: #DE6449;
     border: 1px solid #fff;
 }

 .clr-pkg-3 .audioPlayer.playing .audioPlayer-playpause a:before,
 .clr-pkg-3 .audioPlayer.playing .audioPlayer-playpause a:after {
     background-color: #fff;
 }

 @keyframes pulse-border-1 {
     0% {
         transform: translateX(-50%) translateY(-50%) scale(0.6);
         opacity: 1
     }

     100% {
         transform: translateX(-50%) translateY(-50%) scale(1.5);
         opacity: 0
     }
 }

 .audioPlayer:not(.playing) .audioPlayer-playpause {
     background: transparent;
     border: none;
     border-radius: 50%;
     box-shadow: 0 5px 8px 0 rgb(138 120 240/20%);
     background-color: var(--primary-color);
     outline: none;
 }

 .audioPlayer:not(.playing) .audioPlayer-playpause a {
     content: "";
     justify-content: center;
     width: 0;
     height: 0;
     margin-left: 4px;
     border-top: 5px solid transparent;
     border-right: none;
     border-bottom: 5px solid transparent;
     border-left: 8px solid #fff;
 }

 .audioPlayer.playing .audioPlayer-playpause a {
     content: "";
     display: flex;
     justify-content: space-between;
     width: 12px;
     height: 14px;
 }

 .audioPlayer.playing .audioPlayer-playpause a:before,
 .audioPlayer.playing .audioPlayer-playpause a:after {
     content: "";
     width: 4px;
     height: 14px;
     background-color: #33b4f3;
 }

 .audioPlayer.playing .audioPlayer-playpause {
     background: transparent;
 }

 .audioPlayer.playing .audioPlayer-playpause:hover {
     background: rgb(138 120 239/8%);
 }

 .package__voice-line p {
     font-size: 14px;
     font-weight: 700;
     margin-bottom: 5px;
 }

 .package__voice-line img {
     width: 100%;
 }

 /* Packages New */


 .divider-inner {
     min-height: 1px;
     margin: 0px;
     border-top: 3px solid var(--primary-color);
     width: 50%;
 }

 .divider {
     padding-bottom: 10px;
     padding-top: 10px;
 }

 .my_player {
     width: 100%;
     height: auto;
 }

 .video-container {
     border-radius: 10px;
     overflow: hidden;
     left: 50px;
     top: 0px;
 }

 .plyr:not(.plyr--playing) .plyr__controls {
     opacity: 0;
     pointer-events: none;
     transform: translateY(100%);
 }

 .player-arrow h3 {
     font-family: 'Caveat';
     font-size: 20px;
     text-transform: capitalize;
     text-align: center;
     color: #000;
     transform: skewY(351deg);

 }

 .packages-section .row.row-gap-class {
     row-gap: 30px;
 }

 @media(max-width:1399px) and (min-width:1200px) {

     /*.sec-videos video {
        object-fit: cover;
    }*/
     .submitbtn {
         font-size: 19px !important;
     }

     .logo-grid .logo-inner {
         padding-left: 30px;
         padding-right: 30px;
     }
 }

 @media only screen and (max-width: 1400px) and (min-width: 1200px) {

     .package__title {
         font-size: 24px;
     }
 }



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

     div#home .content-w-arrow .video-container::after {
         display: none;
     }

     div#home .content-w-arrow .video-container::before {
         display: none;
     }
 }

 @media only screen and (max-width: 1200px) and (min-width: 990px) {


     .packages-section .col-lg-4 {
         width: 48%;
     }

     .package.package__special {
         margin: 0;
     }

     .package__special .package__body ul {
         --package-li-item-to-show: 10;
     }
 }

 @media(max-width:1199px) and (min-width:992px) {
     h2 {
         font-size: 35px;
     }

     form#get-quote.bannerform {
         max-width: 90%;
     }

     header ul li a {
         font-size: 14px;
     }

     .stepbook .row {
         align-items: center;
     }

     /* .sec-videos video {
        object-fit: cover;
    }*/
     .packages-section .col-lg-4 {
         width: 50%;
         margin: unset !important;
     }

     .pkgbuttons button,
     .pkgbuttons a {
         width: 90% !important;
         padding: 0px !important;
         padding-top: 10px !important;
         padding-bottom: 10px !important;
     }

     .logo-grid .logo-inner {
         padding-left: 50px;
         padding-right: 50px;
     }

     .logo-grid .logo-inner {
         padding-left: 50px;
         padding-right: 50px;
         column-gap: 20px;
     }

     .logo-grid .logo-inner img {
         width: 21%;
         object-fit: cover;
     }

     #video-container {
         left: 0;
     }

     div#home div#video-container::after {
         display: none;
     }

     div#home div#video-container::before {
         display: none;
     }
 }

 @media only screen and (max-width: 1200px) and (min-width: 992px) {
     .packages-section .col-lg-4 {
         width: 47%;
     }

     .packages-section .row.row-gap-class {
         column-gap: 30px;
     }
 }

 @media(max-width:991px) and (min-width:768px) {
     .audios__inner h3 {
         font-size: 40px !important;
     }

     .popup-content .review-text {
         padding-right: 0px !important;
     }

     .popup-content h2 {
         text-align: left !important;
         font-size: 25px !important;
     }

     form#get-quote {
         width: 100% !important;
         max-width: 100%;
     }

     div#home {
         padding-bottom: 20px !important;
     }

     .banner.banner-2 .col-lg-6:nth-child(2) {
         margin-top: 30px;
     }

     button.mobilemenubtn {
         display: flex;
     }

     header .col-lg-8 ul {
         display: none;
     }

     h3 {
         text-align: center;
     }

     h2 {
         text-align: center;
     }

     form#get-quote.bannerform {
         margin: 0 auto;
     }

     form#get-quote.bannerform h3 {
         text-align: center;
     }

     /* .banner img {
        max-width: 400px;
        margin: 0 auto;
        display: block;
        width: 100%;
    }*/

     .logo-grid .logo-inner img {
         width: 20%;
         object-fit: contain;
     }

     .logo-grid .logo-inner {
         justify-content: space-around;
     }

     .stepbook .col-lg-3 {
         height: auto !important;
         padding-top: 30px;
         padding-bottom: 30px;
         width: 100%;
         display: block;
     }

     .step2book .row {
         flex-direction: column-reverse !important;
     }

     .stepbook .col-lg-9 {
         background: white;
     }

     /*.sec-videos video {
        object-fit: cover !important;
    }*/

     .packages-section .col-lg-4 {

         width: 100%;
         max-width: 400px;
         margin: 0 auto !important;
     }

     div#home div#video-container::before {
         display: none;
     }

     div#home div#video-container::after {
         display: none;
     }

     span.brandpush-title {
         font-size: 12px;
     }

     .logo-grid .logo-inner::before {
         display: none;
     }

     .logo-grid .logo-inner::after {
         display: none;
     }

     .logo-grid {
         padding-top: 41px;
     }

     div#video-container {
         margin-top: 30px;
     }

     div#home {
         background: unset;
     }

     .content-w-arrow::before {
         display: none;
     }

     #video-container {
         left: 0;
     }
 }

 @media(max-width:991px) {
     .book-now-button {
         font-size: 16px;
     }

     button#submitformbtn.videosbm {
         margin: 15px auto !important;

     }

     .sec-reviews {
         padding-bottom: 30px !important;
     }

     .video-container {
         left: 0;
     }

     div#home {
         background-image: unset;
     }

     .player-arrow {
         display: none;
     }

     .content-w-arrow {
         margin-top: 50px;
     }

     .packages-section {
         padding-top: 20px;
     }

     .packages-section .section-headings {
         margin-bottom: 30px;
     }

     .section-headings__small-heading {
         font-size: 1.3rem !important;
     }

     .section-headings__big-heading {
         font-size: 2rem !important;
     }

     .package__title {
         text-align: left;
         font-size: 1.4rem !important;
     }

     .package {
         padding: 30px 20px;
         box-shadow: 0 10px 20px 0 rgb(52 43 139/27%);
     }

     .package__body ul {
         --package-li-font-size: 16px;
     }

     .package.package__special {
         margin: 30px 0;
     }
 }

 @media(max-width:767px) {
     .maximagecenter {
         flex-direction: column;
     }

     .audios__inner h3 {
         font-size: 29px !important;
     }

     .audio-box-text svg {
         display: none;
     }

     .audio-box-text {
         width: 100%;
     }

     .audio-box-text p {
         transform: none;
         text-align: center;
     }

     .audio-box {
         width: 37%;
     }

     .audios__inner {
         padding-bottom: 0;
     }

     .video_reviews .plyr {
         height: 260px;
     }

     form#get-quote {
         max-width: 100% !important;
     }

     div#home {
         padding-bottom: 0px !important;
     }

     div#home iframe {
         height: 250px;
     }

     .banner-image {
         margin-top: 30px;
     }

     .banner-2 .form-group.btn-con {
         text-align: center;
         margin-top: 40px;
     }

     .banner-2 form#get-quote.bannerform .col-lg-12 {
         padding: 0;
     }

     .banner-he {
         font-size: 40px;
     }

     .banner-2 .submitbtn {
         font-size: 20px;

     }

     button.mobilemenubtn {
         display: flex;
     }

     header .col-lg-8 ul {
         display: none;
     }

     h2 {
         font-size: 35px;
     }

     h3 {
         text-align: center;
     }

     h2 {
         text-align: center;
     }

     form#get-quote.bannerform {
         margin: 0 auto;
     }

     form#get-quote.bannerform h3 {
         text-align: center;
     }

     .logo-grid .logo-inner {
         flex-wrap: wrap !important;
         justify-content: space-around;
     }

     .logo-grid .logo-inner img {
         width: 20%;
         padding: 10px;
         border: 1px solid black;
         margin-bottom: 10px;
         object-fit: contain;
     }

     .stepbook .col-lg-3 {
         height: auto !important;
         padding-top: 30px;
         padding-bottom: 30px;
         width: 100%;
         display: block;
     }

     .step2book .row {
         flex-direction: column-reverse !important;
     }

     .stepbook .col-lg-9 {
         background: white;
     }

     .packages-section .col-lg-4 {
         width: 100%;
         max-width: 400px;
         margin: 0 auto;
     }

     section#videossec .row {
         justify-content: center;
     }

     .sec-videos {
         padding-top: 10px;
     }

     /*.row.testirow .col-lg-4 {
        width: 100% !important;
    }*/
     div#home div#video-container::before {
         display: none;
     }

     div#home div#video-container::after {
         display: none;
     }

     span.brandpush-title {
         font-size: 12px;
     }

     .logo-grid .logo-inner::before {
         display: none;
     }

     .logo-grid .logo-inner::after {
         display: none;
     }

     .logo-grid {
         padding-top: 41px;
     }

     div#video-container {
         margin-top: 30px;
     }

     div#home {
         background: unset;
     }

     .content-w-arrow::before {
         display: none;
     }

     #video-container {
         left: 0;
     }

     .popsrel {
         position: relative !important;
         width: 100% !important;
         background: #eee !important;
         padding-bottom: 40px;
     }

     .testirow {
         display: none !important;
     }

     .popsrel .popup-content {
         transform: none;
         position: relative !important;
         margin: 0 auto !important;
         background: transparent;
         border: 0px !important;
         left: unset !important;
         padding-top: 0px !important;
         width: 100%;
     }

     .popsrel span.close-popup {
         display: none;
     }

     .popsrel .review-text {
         padding-right: 0px !important;
         padding-top: 20px;
     }

     .popsrel .review-text h2 {
         text-align: left !important;
     }

     .popsrel .review__text {
         font-size: 16px !important;
         text-align: left;
     }

     .text-box div {
         margin-bottom: 18px !important;
     }

     .posrelhe {
         position: relative;
         left: -153px !important;
     }

     .AvertaStd-Bold {
         width: 312px !important;
     }

     .packages-section .col-lg-4 {
         width: 90%;

     }
 }

 @media(max-width:575px) {
     .video_reviews video {
         width: 100% !important;
     }

     .maximagecenter img {
         width: 55%;
     }

     .AvertaStd-Bold {
         width: 220px !important;
     }

     .audios__inner {
         padding-left: 3px;
         padding-right: 3px !important;
     }

     .text-box div {
         margin-bottom: 20px !important;
     }

     .posrelhe {
         position: relative;
         left: -108px !important;
     }

     .audios__inner h3 {
         font-size: 20px !important;
     }


     form#get-quote.bannerform {
         width: 100% !important;
         max-width: 100% !important;
     }

     .logo-grid .logo-inner img {
         width: 35%;
     }

     .stepbook .col-lg-9 {
         padding: 10px 40px !important;
     }

     .sec-videos h2 {
         padding-bottom: 20px !important;
     }

     .pkgbuttons a.submitbtn.reviewsbtn {
         width: 100% !important;
         display: flex !important;
         padding: 0px !important;
         padding-top: 10px !important;
         padding-bottom: 10px !important;
     }

     .panel .front {
         width: 100%;
     }

     .copyright {
         text-align: center;
     }

     section#contactus form#get-quote {
         padding: 15px;
         max-width: 90%;
     }

     .content-w-arrow::before {
         display: none;
     }


 }




 @-webkit-keyframes draw {
     to {
         stroke-dashoffset: 0
     }
 }

 @keyframes draw {
     to {
         stroke-dashoffset: 0
     }
 }

 @-webkit-keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-52%) translateZ(0) scale(1);
         opacity: 1
     }

     100% {
         transform: translateX(-50%) translateY(-52%) translateZ(0) scale(1.5);
         opacity: 0
     }
 }

 @keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-52%) translateZ(0) scale(1);
         opacity: 1
     }

     100% {
         transform: translateX(-50%) translateY(-52%) translateZ(0) scale(1.5);
         opacity: 0
     }
 }

 div#popupContent {
    z-index: 9999;
}