@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block;
 }

 a,
 a:hover,
 a:focus,
 a:active {
     text-decoration: none;
     outline: none;
 }

 a,
 button,
 input {
     outline: none;
 }

 ol,
 ul {
     padding: 0;
     margin: 0;
 }

 strong {
     font-weight: 700;
 }

 iframe {
     width: 100%;
     border: none;
     display: block;
 }

 p {
     font-size: 15px;
     text-align: justify;
     margin: 0 0 15px;
 }

 *::-moz-selection {
     background: #fec602;
     color: #fff;
     text-shadow: none;
 }

 ::-moz-selection {
     background: #fec602;
     color: #fff;
     text-shadow: none;
 }

 ::selection {
     background: #fec602;
     color: #fff;
     text-shadow: none;
 }

 textarea,
 input[type="text"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="date"],
 input[type="month"],
 input[type="time"],
 input[type="week"],
 input[type="number"],
 input[type="email"],
 input[type="url"],
 input[type="search"],
 input[type="tel"],
 input[type="color"],
 .uneditable-input,
 select {
     font-family: inherit;
     -webkit-transition: border linear .2s, box-shadow linear .2s;
     -moz-transition: border linear .2s, box-shadow linear .2s;
     -o-transition: border linear .2s, box-shadow linear .2s;
     transition: border linear .2s, box-shadow linear .2s;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     vertical-align: middle;
     width: 100%;
     color: #8093a8;
     padding: 12px 15px 12px;
     border-radius: 0;
     font-weight: 400;
     background-color: #fff;
     text-transform: inherit;
     border: 1px solid rgba(0, 43, 92, 0.08);
     font-size: 14px;
     outline: none;
     line-height: inherit;
     letter-spacing: 0px;
 }

 button,
 input[type="submit"],
 input[type="button"],
 input[type="reset"] {
     display: inline-block;
     text-decoration: none;
     font-size: 13px;
     line-height: 21px;
     font-weight: 500;
     padding: 11px 40px 11px;
     border: 2px solid transparent;
     border-radius: 0;
     color: #fff;
     -webkit-transition: all 0.25s ease;
     transition: all 0.25s ease;
     cursor: pointer;
     outline: none;
     -webkit-font-smoothing: antialiased;
 }

 button:focus {
     box-shadow: none;
     outline: 0;
     border: 0;
 }

 textarea:focus,
 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="date"]:focus,
 input[type="month"]:focus,
 input[type="time"]:focus,
 input[type="week"]:focus,
 input[type="number"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="tel"]:focus,
 input[type="color"]:focus {
     border: 1px solid #fec602;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -webkit-appearance: searchfield;
 }

 input[type=search]::-ms-clear {
     display: none;
     width: 0;
     height: 0;
 }

 input[type=search]::-ms-reveal {
     display: none;
     width: 0;
     height: 0;
 }

 input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-results-button,
 input[type="search"]::-webkit-search-results-decoration {
     display: none;
 }

 textarea::placeholder,
 textarea::-moz-placeholder,
 textarea::-webkit-input-placeholder,
 select::placeholder,
 select::-moz-placeholder,
 input::placeholder,
 input::-moz-placeholder,
 input:-ms-input-placeholder,
 input::-webkit-input-placeholder {
     color: var(--body-font-color) !important;
 }

 menu,
 ol,
 ul {
     margin: 16px 0;
     padding: 0 0 0 25px;
 }

 :root {
     --base-bodyfont: 'Kumbh Sans', sans-serif;
     --base-bodyfont-Size: 16px;
     --base-bodyfont-color: #525252;
     --base-skin: #fec602;
     --base-dark: #000000;
     --base-dark-02: #0d0d0d;
     --base-grey: #f1f6fa;
     --base-lightgrey: #f9f4f0;
     --base-white: #ffffff;
     --base-headingfont: 'Krona One', sans-serif;
     --base-headingfont-color: #000000;
 }

 .border-color: {
     color: #e5e5e5;
 }

 .bodyfont-color {
     color: var(--base-bodyfont-color);
 }

 .headingfont-color {
     color: var(--base-headingfont-color);
 }

 .bg-base-skin {
     background-color: var(--base-skin);
 }

 .bg-base-skin-02 {
     background-color: var(--base-skin-02);
 }

 .bg-base-skin-03 {
     background-color: var(--base-skin-03);
 }

 .bg-base-dark {
     background-color: var(--base-dark);
 }

 .bg-base-dark-02 {
     background-color: var(--base-dark-02);
 }

 .bg-base-grey {
     background-color: var(--base-grey);
 }

 .bg-base-lightgrey {
     background-color: var(--base-lightgrey);
 }

 .bg-base-white {
     background-color: var(--base-white);
 }

 .text-base-skin {
     color: #fff !important;
 }

 .text-base-skin-02 {
     color: var(--base-skin-02) !important;
 }

 .text-base-skin-03 {
     color: var(--base-skin-03) !important;
 }

 .text-base-dark {
     color: var(--base-dark);
 }

 .text-base-grey {
     color: var(--base-grey);
 }

 .text-base-white {
     color: var(--base-white);
 }

 .bg-base-skin>.prt-bg-layer {
     background-color: var(--base-skin);
 }

 .bg-base-skin-02>.prt-bg-layer {
     background-color: var(--base-skin-02);
 }

 .bg-base-skin-03>.prt-bg-layer {
     background-color: var(--base-skin-03);
 }

 .bg-base-dark>.prt-bg-layer {
     background-color: var(--base-dark);
 }

 .bg-base-grey>.prt-bg-layer {
     background-color: var(--base-grey);
 }

 .bg-base-white>.prt-bg-layer {
     background-color: var(--base-white);
 }

 .text-base-white h1:not(.text-base-skin, .text-base-dark),
 .text-base-white h2:not(.text-base-skin, .text-base-dark),
 .text-base-white h3:not(.text-base-skin, .text-base-dark),
 .text-base-white h4:not(.text-base-skin, .text-base-dark),
 .text-base-white h5:not(.text-base-skin, .text-base-dark),
 .text-base-white h6:not(.text-base-skin, .text-base-dark),
 .text-base-white a:not(.text-base-skin, .text-base-dark),
 .bg-base-dark h1,
 .bg-base-dark h2,
 .bg-base-dark h3,
 .bg-base-dark h4,
 .bg-base-dark h5,
 .bg-base-dark h6,
 .bg-base-dark-02 h1,
 .bg-base-dark-02 h2,
 .bg-base-dark-02 h3,
 .bg-base-dark-02 h4,
 .bg-base-dark-02 h5,
 .bg-base-dark-02 h6 {
     color: var(--base-white) !important;
 }

 .bg-base-dark,
 .bg-base-skin {
     color: rgba(255, 255, 255, .70);
 }

 .bg-base-dark.text-base-white,
 .bg-base-skin.text-base-white {
     color: rgba(255, 255, 255, .950);
 }

 .bg-base-dark-02 p,
 .bg-base-dark-02 span {
     color: rgba(255, 255, 255, .70);
 }

 .about-overlay-01 {
     justify-content: center;
     writing-mode: vertical-lr;
     text-orientation: mixed;
     position: relative;
     content: '';
     top: 0;
     right: 1px;
     padding: 11px 16px 6px;
     transform: rotate(180deg);
 }

 .about-overlay-01 h3 {
     font-size: 20px;
     line-height: 26px;
     margin: 0;
 }

 body {
     font-family: var(--base-bodyfont);
     font-weight: 400;
     font-size: var(--base-bodyfont-Size);
     line-height: 26px;
     letter-spacing: 0.1px;
     color: var(--base-bodyfont-color);
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: var(--base-headingfont), sans-serif;
     margin-bottom: 10px;
     font-weight: 400;
     color: var(--base-headingfont-color);
 }

 h1 {
     font-size: 60px;
     line-height: 70px;
 }

 h2 {
     font-size: 50px;
     line-height: 40px;
 }

 h3 {
     font-size: 18px;
     line-height: 28px;
 }

 h4 {
     font-size: 17px;
     line-height: 27px;
 }

 h5 {
     font-size: 16px;
     line-height: 26px;
 }

 h6 {
     font-size: 15px;
     line-height: 25px;
 }

 .container {
     max-width: 1330px;
     padding: 0 15px;
 }

 .row:not(.g-0) {
     margin-left: -15px;
     margin-right: -15px;
 }

 .row:not(.g-0)>[class*='col-'] {
     padding-left: 15px;
     padding-right: 15px;
 }

 body .page {
     overflow: hidden;
     position: relative;
     z-index: 10;
 }

 body .site-main {
     /* background-color: #faf4f1; */
     position: relative;
     z-index: 1;
 }

 body .site-main.bg-white {
     background-color: #fff !important;
 }

 body .page.sidebar-true .site-main {
     padding: 0;
     background-color: #fff;
 }

 a {
     color: var(--base-dark);
 }

 a:hover {
     /* color: var(--base-skin); */
     color: #fec602;
 }

 a,
 img {
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
 }

 label {
     font-size: 14px;
 }

 .fs-14 {
     font-size: 14px !important;
     line-height: 24px
 }

 .fs-15 {
     font-size: 15px !important;
     line-height: 25px
 }

 .fs-16 {
     font-size: 16px !important;
     line-height: 26px
 }

 .fs-18 {
     font-size: 18px !important;
     line-height: 26px
 }

 .fs-20 {
     font-size: 20px !important;
     line-height: 30px
 }

 .fs-22 {
     font-size: 22px !important;
     line-height: 32px
 }

 .fs-24 {
     font-size: 24px !important;
     line-height: 34px
 }

 .fs-26 {
     font-size: 26px !important;
     line-height: 36px
 }

 .fs-28 {
     font-size: 28px !important;
     line-height: 38px
 }

 .fs-30 {
     font-size: 30px !important;
     line-height: 40px
 }

 .fw-400 {
     font-weight: 400 !important;
 }

 .fw-500 {
     font-weight: 500 !important;
 }

 .fw-600 {
     font-weight: 600 !important;
 }

 .fw-700 {
     font-weight: 700 !important;
 }

 .box-shadow {
     box-shadow: 0 0 9px 0 rgba(29, 33, 67, 0.10)
 }

 .border-rad_5 {
     border-radius: 5px;
 }

 .border-rad_10 {
     border-radius: 10px;
 }

 .border-rad_10 img {
     border-radius: 10px;
 }

 .border-rad_50 {
     border-radius: 50px;
 }

 .border-tl-rad_5 {
     border-top-left-radius: 5px;
 }

 .border-tr-rad_5 {
     border-top-right-radius: 5px;
 }

 .border-br-rad_5 {
     border-bottom-right-radius: 5px;
 }

 .border-bl-rad_5 {
     border-bottom-left-radius: 5px;
 }

 .alignleft {
     float: left;
     margin: .425em 1.75em 1.25em 0;
 }

 .alignright {
     float: right;
     margin: .425em 0 1.25em 1.75em;
 }

 .z-index_1 {
     z-index: -1;
 }

 .z-index-0 {
     z-index: 0;
 }

 .z-index-1 {
     z-index: 1;
 }

 .z-index-2 {
     z-index: 2;
 }

 .z-index-3 {
     z-index: 3;
 }

 .underline {
     position: relative;
 }

 .underline:before {
     position: absolute;
     content: '';
     height: 1px;
     width: 100%;
     background-color: var(--base-skin);
     bottom: -2px;
     left: 0;
 }

 .spacing-1 {
     padding: 26px 120px 32px 130px;
     margin-top: 60px;
 }

 .spacing-2 {
     padding: 0 50px;
 }

 .spacing-3 {
     padding: 100px 130px 100px 0px;
     margin-right: -20px;
 }

 .spacing-4 {
     margin: 0 70px;
 }

 .spacing-5 {
     padding: 0 0 80px 0;
 }

 .spacing-6 {
     padding: 100px 0 100px 120px;
     margin-right: -110px;
 }

 .spacing-7 {
     margin-left: -220px !important;
     margin-right: -220px !important;
 }

 .spacing-8 {
     padding: 94px 0 93px 100px;
     margin-right: -110px;
 }

 .spacing-9 {
     padding: 70px 54px 70px;
 }

 .spacing-10 {
     padding: 35px 40px 40px;
 }

 .p-10 {
     padding: 10px ! important;
 }

 .p-15 {
     padding: 15px ! important;
 }

 .p-20 {
     padding: 20px ! important;
 }

 .p-25 {
     padding: 25px ! important;
 }

 .p-30 {
     padding: 30px ! important;
 }

 .p-40 {
     padding: 40px ! important;
 }

 .p-45 {
     padding: 45px ! important;
 }

 .p-50 {
     padding: 50px ! important;
 }

 .p-60 {
     padding: 60px ! important;
 }

 .p-80 {
     padding: 80px ! important;
 }

 .p-100 {
     padding: 100px ! important;
 }

 .pr-0 {
     padding-right: 0 !important;
 }

 .pr-5 {
     padding-right: 5px ! important;
 }

 .pr-10 {
     padding-right: 10px ! important;
 }

 .pr-15 {
     padding-right: 15px ! important;
 }

 .pr-20 {
     padding-right: 20px ! important;
 }

 .pr-25 {
     padding-right: 25px ! important;
 }

 .pr-30 {
     padding-right: 30px ! important;
 }

 .pr-35 {
     padding-right: 35px ! important;
 }

 .pr-40 {
     padding-right: 40px ! important;
 }

 .pr-45 {
     padding-right: 45px ! important;
 }

 .pr-50 {
     padding-right: 50px ! important;
 }

 .pr-55 {
     padding-right: 55px ! important;
 }

 .pr-60 {
     padding-right: 60px ! important;
 }

 .pr-65 {
     padding-right: 65px ! important;
 }

 .pr-70 {
     padding-right: 70px ! important;
 }

 .pr-75 {
     padding-right: 75px ! important;
 }

 .pr-80 {
     padding-right: 80px ! important;
 }

 .pr-85 {
     padding-right: 85px ! important;
 }

 .pr-90 {
     padding-right: 90px ! important;
 }

 .pr-95 {
     padding-right: 95px ! important;
 }

 .pr-100 {
     padding-right: 100px ! important;
 }

 .pl-0 {
     padding-left: 0px !important;
 }

 .pl-2 {
     padding-left: 2px ! important;
 }

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

 .pl-5 {
     padding-left: 5px ! important;
 }

 .pl-10 {
     padding-left: 10px ! important;
 }

 .pl-15 {
     padding-left: 15px ! important;
 }

 .pl-20 {
     padding-left: 20px ! important;
 }

 .pl-25 {
     padding-left: 25px ! important;
 }

 .pl-30 {
     padding-left: 30px ! important;
 }

 .pl-35 {
     padding-left: 35px ! important;
 }

 .pl-40 {
     padding-left: 40px ! important;
 }

 .pl-45 {
     padding-left: 45px ! important;
 }

 .pl-50 {
     padding-left: 50px ! important;
 }

 .pl-55 {
     padding-left: 55px ! important;
 }

 .pl-60 {
     padding-left: 60px ! important;
 }

 .pl-65 {
     padding-left: 65px ! important;
 }

 .pl-70 {
     padding-left: 70px ! important;
 }

 .pl-75 {
     padding-left: 75px ! important;
 }

 .pl-80 {
     padding-left: 80px ! important;
 }

 .pl-85 {
     padding-left: 85px ! important;
 }

 .pl-90 {
     padding-left: 90px ! important;
 }

 .pl-95 {
     padding-left: 95px ! important;
 }

 .pl-100 {
     padding-left: 100px ! important;
 }

 .pl-110 {
     padding-left: 110px ! important;
 }

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

 .pt-5 {
     padding-top: 5px ! important;
 }

 .pt-10 {
     padding-top: 10px ! important;
 }

 .pt-15 {
     padding-top: 15px ! important;
 }

 .pt-20 {
     padding-top: 20px ! important;
 }

 .pt-25 {
     padding-top: 25px ! important;
 }

 .pt-30 {
     padding-top: 30px ! important;
 }

 .pt-35 {
     padding-top: 35px ! important;
 }

 .pt-40 {
     padding-top: 40px ! important;
 }

 .pt-45 {
     padding-top: 45px ! important;
 }

 .pt-50 {
     padding-top: 50px ! important;
 }

 .pt-55 {
     padding-top: 55px ! important;
 }

 .pt-60 {
     padding-top: 60px ! important;
 }

 .pt-65 {
     padding-top: 65px ! important;
 }

 .pt-70 {
     padding-top: 70px ! important;
 }

 .pt-75 {
     padding-top: 75px ! important;
 }

 .pt-80 {
     padding-top: 80px ! important;
 }

 .pt-90 {
     padding-top: 90px ! important;
 }

 .pt-100 {
     padding-top: 100px ! important;
 }

 .pt-120 {
     padding-top: 120px ! important;
 }

 .pt-130 {
     padding-top: 130px ! important;
 }

 .pt-140 {
     padding-top: 140px ! important;
 }

 .pt-150 {
     padding-top: 150px ! important;
 }

 .pt-160 {
     padding-top: 160px ! important;
 }

 .pt-170 {
     padding-top: 170px ! important;
 }

 .pt-180 {
     padding-top: 180px ! important;
 }

 .pt-190 {
     padding-top: 190px ! important;
 }

 .pt-200 {
     padding-top: 200px ! important;
 }

 .pt-245 {
     padding-top: 245px ! important;
 }

 .pt-345 {
     padding-top: 345px ! important;
 }

 .pt-350 {
     padding-top: 350px ! important;
 }

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

 .pb-5 {
     padding-bottom: 5px ! important;
 }

 .pb-10 {
     padding-bottom: 10px ! important;
 }

 .pb-15 {
     padding-bottom: 15px ! important;
 }

 .pb-20 {
     padding-bottom: 20px ! important;
 }

 .pb-25 {
     padding-bottom: 25px ! important;
 }

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

 .pb-35 {
     padding-bottom: 35px ! important;
 }

 .pb-40 {
     padding-bottom: 40px ! important;
 }

 .pb-45 {
     padding-bottom: 45px ! important;
 }

 .pb-50 {
     padding-bottom: 50px ! important;
 }

 .pb-55 {
     padding-bottom: 55px ! important;
 }

 .pb-60 {
     padding-bottom: 60px ! important;
 }

 .pb-65 {
     padding-bottom: 65px ! important;
 }

 .pb-70 {
     padding-bottom: 70px ! important;
 }

 .pb-75 {
     padding-bottom: 75px ! important;
 }

 .pb-80 {
     padding-bottom: 80px ! important;
 }

 .pb-85 {
     padding-bottom: 85px ! important;
 }

 .pb-90 {
     padding-bottom: 90px ! important;
 }

 .pb-95 {
     padding-bottom: 95px ! important;
 }

 .pb-100 {
     padding-bottom: 100px ! important;
 }

 .pb-120 {
     padding-bottom: 120px ! important;
 }

 .pb-130 {
     padding-bottom: 130px ! important;
 }

 .pb-140 {
     padding-bottom: 140px ! important;
 }

 .pb-150 {
     padding-bottom: 150px ! important;
 }

 .pb-160 {
     padding-bottom: 160px ! important;
 }

 .pb-170 {
     padding-bottom: 170px ! important;
 }

 .pb-180 {
     padding-bottom: 180px ! important;
 }

 .pb-190 {
     padding-bottom: 190px ! important;
 }

 .pb-200 {
     padding-bottom: 200px ! important;
 }

 .pb-280 {
     padding-bottom: 280px ! important;
 }

 .mt-0 {
     margin-top: 0px !important;
 }

 .mt-5 {
     margin-top: 5px ! important;
 }

 .mt-10 {
     margin-top: 10px ! important;
 }

 .mt-12 {
     margin-top: 12px ! important;
 }

 .mt-15 {
     margin-top: 15px ! important;
 }

 .mt-20 {
     margin-top: 20px ! important;
 }

 .mt-25 {
     margin-top: 25px ! important;
 }

 .mt-30 {
     margin-top: 30px ! important;
 }

 .mt-35 {
     margin-top: 35px ! important;
 }

 .mt-40 {
     margin-top: 40px ! important;
 }

 .mt-45 {
     margin-top: 45px ! important;
 }

 .mt-50 {
     margin-top: 50px ! important;
 }

 .mt-60 {
     margin-top: 60px ! important;
 }

 .mt-65 {
     margin-top: 65px ! important;
 }

 .mt-70 {
     margin-top: 70px ! important;
 }

 .mt-75 {
     margin-top: 75px ! important;
 }

 .mt-80 {
     margin-top: 80px ! important;
 }

 .mt-90 {
     margin-top: 90px ! important;
 }

 .mt-100 {
     margin-top: 100px ! important;
 }

 .mt-120 {
     margin-top: 120px ! important;
 }

 .mt-130 {
     margin-top: 130px ! important;
 }

 .mt-140 {
     margin-top: 140px ! important;
 }

 .mt-150 {
     margin-top: 150px ! important;
 }

 .mt-160 {
     margin-top: 160px ! important;
 }

 .mt_5 {
     margin-top: -5px ! important;
 }

 .mt_10 {
     margin-top: -10px ! important;
 }

 .mt_15 {
     margin-top: -15px ! important;
 }

 .mt_20 {
     margin-top: -20px ! important;
 }

 .mt_25 {
     margin-top: -25px ! important;
 }

 .mt_30 {
     margin-top: -30px ! important;
 }

 .mt_35 {
     margin-top: -35px ! important;
 }

 .mt_40 {
     margin-top: -40px ! important;
 }

 .mt_50 {
     margin-top: -50px ! important;
 }

 .mt_55 {
     margin-top: -55px ! important;
 }

 .mt_60 {
     margin-top: -60px ! important;
 }

 .mt_65 {
     margin-top: -65px !important;
 }

 .mt_70 {
     margin-top: -70px ! important;
 }

 .mt_75 {
     margin-top: -75px ! important;
 }

 .mt_80 {
     margin-top: -80px ! important;
 }

 .mt_90 {
     margin-top: -90px ! important;
 }

 .mt_100 {
     margin-top: -100px ! important;
 }

 .mt_110 {
     margin-top: -110px ! important;
 }

 .mt_120 {
     margin-top: -120px ! important;
 }

 .mt_130 {
     margin-top: -130px ! important;
 }

 .mt_140 {
     margin-top: -140px ! important;
 }

 .mt_150 {
     margin-top: -150px ! important;
 }

 .mt_160 {
     margin-top: -160px ! important;
 }

 .mt_170 {
     margin-top: -170px ! important;
 }

 .mt_180 {
     margin-top: -180px ! important;
 }

 .mt_190 {
     margin-top: -190px ! important;
 }

 .mt_200 {
     margin-top: -200px ! important;
 }

 .mt_210 {
     margin-top: -210px ! important;
 }

 .mt_220 {
     margin-top: -220px ! important;
 }

 .mt_230 {
     margin-top: -230px ! important;
 }

 .mt_240 {
     margin-top: -240px ! important;
 }

 .mt_250 {
     margin-top: -250px ! important;
 }

 .mt_260 {
     margin-top: -260px ! important;
 }

 .mt_270 {
     margin-top: -270px ! important;
 }

 .mt_280 {
     margin-top: -280px ! important;
 }

 .mt_300 {
     margin-top: -300px ! important;
 }

 .mt_310 {
     margin-top: -310px ! important;
 }

 .mt_320 {
     margin-top: -320px ! important;
 }

 .mt_332 {
     margin-top: -332px ! important;
 }

 .mt_340 {
     margin-top: -340px ! important;
 }

 .mt_360 {
     margin-top: -360px ! important;
 }

 .mt_380 {
     margin-top: -380px ! important;
 }

 .mb-0 {
     margin-bottom: 0px !important;
 }

 .mb-5 {
     margin-bottom: 5px ! important;
 }

 .mb-10 {
     margin-bottom: 10px ! important;
 }

 .mb-12 {
     margin-bottom: 12px ! important;
 }

 .mb-15 {
     margin-bottom: 15px ! important;
 }

 .mb-25 {
     margin-bottom: 25px ! important;
 }

 .mb-20 {
     margin-bottom: 20px ! important;
 }

 .mb-30 {
     margin-bottom: 30px ! important;
 }

 .mb-35 {
     margin-bottom: 35px ! important;
 }

 .mb-40 {
     margin-bottom: 40px ! important;
 }

 .mb-45 {
     margin-bottom: 45px ! important;
 }

 .mb-50 {
     margin-bottom: 50px ! important;
 }

 .mb-60 {
     margin-bottom: 60px ! important;
 }

 .mb-65 {
     margin-bottom: 65px ! important;
 }

 .mb-70 {
     margin-bottom: 70px ! important;
 }

 .mb-80 {
     margin-bottom: 80px ! important;
 }

 .mb-90 {
     margin-bottom: 90px ! important;
 }

 .mb-100 {
     margin-bottom: 100px ! important;
 }

 .mb-110 {
     margin-bottom: 110px ! important;
 }

 .mb-120 {
     margin-bottom: 120px ! important;
 }

 .mb-130 {
     margin-bottom: 130px ! important;
 }

 .mb-140 {
     margin-bottom: 140px ! important;
 }

 .mb-150 {
     margin-bottom: 150px ! important;
 }

 .mb-160 {
     margin-bottom: 160px ! important;
 }

 .mb-170 {
     margin-bottom: 170px ! important;
 }

 .mb-180 {
     margin-bottom: 180px ! important;
 }

 .mb-190 {
     margin-bottom: 190px ! important;
 }

 .mb-200 {
     margin-bottom: 200px ! important;
 }

 .mb_5 {
     margin-bottom: -5px ! important;
 }

 .mb_10 {
     margin-bottom: -10px ! important;
 }

 .mb_12 {
     margin-bottom: -12px ! important;
 }

 .mb_15 {
     margin-bottom: -15px ! important;
 }

 .mb_20 {
     margin-bottom: -20px ! important;
 }

 .mb_25 {
     margin-bottom: -25px ! important;
 }

 .mb_30 {
     margin-bottom: -30px ! important;
 }

 .mb_35 {
     margin-bottom: -35px ! important;
 }

 .mb_40 {
     margin-bottom: -40px ! important;
 }

 .mb_45 {
     margin-bottom: -45px ! important;
 }

 .mb_50 {
     margin-bottom: -50px ! important;
 }

 .mb_55 {
     margin-bottom: -55px ! important;
 }

 .mb_60 {
     margin-bottom: -60px ! important;
 }

 .mb_70 {
     margin-bottom: -70px ! important;
 }

 .mb_80 {
     margin-bottom: -80px ! important;
 }

 .mb_90 {
     margin-bottom: -90px ! important;
 }

 .mb_100 {
     margin-bottom: -100px ! important;
 }

 .mb_120 {
     margin-bottom: -120px ! important;
 }

 .mb_140 {
     margin-bottom: -140px ! important;
 }

 .ml-0 {
     margin-left: 0px !important;
 }

 .ml-10 {
     margin-left: 10px ! important;
 }

 .ml-15 {
     margin-left: 15px ! important;
 }

 .ml-20 {
     margin-left: 20px ! important;
 }

 .ml-30 {
     margin-left: 30px ! important;
 }

 .ml-35 {
     margin-left: 35px ! important;
 }

 .ml-40 {
     margin-left: 40px ! important;
 }

 .ml-50 {
     margin-left: 50px ! important;
 }

 .ml-60 {
     margin-left: 60px ! important;
 }

 .ml-70 {
     margin-left: 70px ! important;
 }

 .ml-80 {
     margin-left: 80px ! important;
 }

 .ml-90 {
     margin-left: 90px ! important;
 }

 .ml-95 {
     margin-left: 95px ! important;
 }

 .ml-100 {
     margin-left: 100px ! important;
 }

 .ml-110 {
     margin-left: 110px ! important;
 }

 .ml-120 {
     margin-left: 120px ! important;
 }

 .ml-120 {
     margin-left: 120px ! important;
 }

 .ml-130 {
     margin-left: 130px ! important;
 }

 .ml-140 {
     margin-left: 140px ! important;
 }

 .ml-150 {
     margin-left: 150px ! important;
 }

 .ml-160 {
     margin-left: 160px ! important;
 }

 .ml-170 {
     margin-left: 170px ! important;
 }

 .ml-180 {
     margin-left: 180px ! important;
 }

 .ml-190 {
     margin-left: 190px ! important;
 }

 .ml-200 {
     margin-left: 200px ! important;
 }

 .ml_10 {
     margin-left: -10px ! important;
 }

 .ml_12 {
     margin-left: -12px ! important;
 }

 .ml_15 {
     margin-left: -15px ! important;
 }

 .ml_18 {
     margin-left: -18px ! important;
 }

 .ml_20 {
     margin-left: -20px ! important;
 }

 .ml_25 {
     margin-left: -25px ! important;
 }

 .ml_30 {
     margin-left: -30px ! important;
 }

 .ml_35 {
     margin-left: -35px ! important;
 }

 .ml_40 {
     margin-left: -40px ! important;
 }

 .ml_50 {
     margin-left: -50px ! important;
 }

 .ml_60 {
     margin-left: -60px ! important;
 }

 .ml_65 {
     margin-left: -65px ! important;
 }

 .ml_70 {
     margin-left: -70px ! important;
 }

 .ml_80 {
     margin-left: -80px ! important;
 }

 .ml_90 {
     margin-left: -90px ! important;
 }

 .ml_100 {
     margin-left: -100px ! important;
 }

 .ml_110 {
     margin-left: -110px ! important;
 }

 .ml_120 {
     margin-left: -120px ! important;
 }

 .ml_130 {
     margin-left: -130px ! important;
 }

 .ml_140 {
     margin-left: -140px ! important;
 }

 .ml_150 {
     margin-left: -150px ! important;
 }

 .ml_160 {
     margin-left: -160px ! important;
 }

 .ml_180 {
     margin-left: -180px ! important;
 }

 .ml_200 {
     margin-left: -200px ! important;
 }

 .ml_210 {
     margin-left: -210px ! important;
 }

 .ml_220 {
     margin-left: -220px ! important;
 }

 .ml_240 {
     margin-left: -240px ! important;
 }

 .ml_260 {
     margin-left: -260px ! important;
 }

 .ml_280 {
     margin-left: -280px ! important;
 }

 .ml_300 {
     margin-left: -300px ! important;
 }

 .mr-0 {
     margin-right: 0px !important;
 }

 .mr-5 {
     margin-right: 5px !important;
 }

 .mr-10 {
     margin-right: 10px ! important;
 }

 .mr-15 {
     margin-right: 15px ! important;
 }

 .mr-20 {
     margin-right: 20px ! important;
 }

 .mr-25 {
     margin-right: 25px ! important;
 }

 .mr-30 {
     margin-right: 30px ! important;
 }

 .mr-40 {
     margin-right: 40px ! important;
 }

 .mr-50 {
     margin-right: 50px ! important;
 }

 .mr-60 {
     margin-right: 60px ! important;
 }

 .mr-70 {
     margin-right: 70px ! important;
 }

 .mr-80 {
     margin-right: 80px ! important;
 }

 .mr-90 {
     margin-right: 90px ! important;
 }

 .mr-100 {
     margin-right: 100px ! important;
 }

 .mr-110 {
     margin-right: 110px ! important;
 }

 .mr-120 {
     margin-right: 120px ! important;
 }

 .mr-130 {
     margin-right: 130px ! important;
 }

 .mr-140 {
     margin-right: 140px ! important;
 }

 .mr-150 {
     margin-right: 150px ! important;
 }

 .mr-160 {
     margin-right: 160px ! important;
 }

 .mr-170 {
     margin-right: 170px ! important;
 }

 .mr-180 {
     margin-right: 180px ! important;
 }

 .mr-190 {
     margin-right: 190px ! important;
 }

 .mr-200 {
     margin-right: 200px ! important;
 }

 .mr_10 {
     margin-right: -10px ! important;
 }

 .mr_15 {
     margin-right: -15px ! important;
 }

 .mr_20 {
     margin-right: -20px ! important;
 }

 .mr_25 {
     margin-right: -25px ! important;
 }

 .mr_30 {
     margin-right: -30px ! important;
 }

 .mr_35 {
     margin-right: -35px ! important;
 }

 .mr_40 {
     margin-right: -40px ! important;
 }

 .mr_50 {
     margin-right: -50px ! important;
 }

 .mr_60 {
     margin-right: -60px ! important;
 }

 .mr_70 {
     margin-right: -70px ! important;
 }

 .mr_80 {
     margin-right: -80px ! important;
 }

 .mr_90 {
     margin-right: -90px ! important;
 }

 .mr_100 {
     margin-right: -100px ! important;
 }

 .mr_130 {
     margin-right: -130px ! important;
 }

 .mr_140 {
     margin-right: -140px ! important;
 }

 .mr_150 {
     margin-right: -150px ! important;
 }

 .mr_160 {
     margin-right: -160px ! important;
 }

 .mr_180 {
     margin-right: -180px ! important;
 }

 .mr_200 {
     margin-right: -200px ! important;
 }

 .mr_210 {
     margin-right: -210px ! important;
 }

 .mr_220 {
     margin-right: -220px ! important;
 }

 .mr_240 {
     margin-right: -240px ! important;
 }

 .mr_260 {
     margin-right: -260px ! important;
 }

 .mr_280 {
     margin-right: -280px ! important;
 }

 .mr_300 {
     margin-right: -300px ! important;
 }

 .blobs-wrapper {
     position: fixed;
     z-index: 999999;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: block;
     display: flex;
     text-align: center;
     margin: 0 auto;
     flex-direction: column;
     justify-content: center;
     background: #fff;
 }

 .loader-blob {
     width: 49px;
     height: 49px;
     border-radius: 50%;
     margin: 3em;
     text-align: center;
     display: block;
     margin: 0 auto;
     position: relative;
     vertical-align: middle;
 }

 .loader-blob,
 .loader-blob:before,
 .loader-blob:after {
     animation: 1.15s infinite ease-in-out;
     -o-animation: 1.15s infinite ease-in-out;
     -ms-animation: 1.15s infinite ease-in-out;
     -webkit-animation: 1.15s infinite ease-in-out;
     -moz-animation: 1.15s infinite ease-in-out;
 }

 .loader-blob:before,
 .loader-blob:after {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0;
 }

 .loader-blob {
     animation-name: loader-blob;
     -o-animation-name: loader-blob;
     -ms-animation-name: loader-blob;
     -webkit-animation-name: loader-blob;
     -moz-animation-name: loader-blob;
 }

 @keyframes loader-blob {
     from {
         transform: scale(0);
         opacity: 1;
     }

     to {
         transform: scale(1);
         opacity: 0;
     }
 }

 @-o-keyframes loader-blob {
     from {
         -o-transform: scale(0);
         opacity: 1;
     }

     to {
         -o-transform: scale(1);
         opacity: 0;
     }
 }

 @-ms-keyframes loader-blob {
     from {
         -ms-transform: scale(0);
         opacity: 1;
     }

     to {
         -ms-transform: scale(1);
         opacity: 0;
     }
 }

 @-webkit-keyframes loader-blob {
     from {
         -webkit-transform: scale(0);
         opacity: 1;
     }

     to {
         -webkit-transform: scale(1);
         opacity: 0;
     }
 }

 @-moz-keyframes loader-blob {
     from {
         -moz-transform: scale(0);
         opacity: 1;
     }

     to {
         -moz-transform: scale(1);
         opacity: 0;
     }
 }

 ul.social-icons {
     margin: 0;
     padding: 0;
 }

 .social-icons.contact-link li i {
     width: 35px;
     height: 35px;
     font-size: 15px;
     line-height: 35px;
     border: 1px solid #000;
     border-radius: 50px;
     margin-right: 15px;
 }

 .social-icons.contact-link li a {
     font-family: var(--base-headingfont);
     font-size: 12px;
     margin-right: 22px;
 }

 .social-icons.contact-link li a:hover i {
     border: 1px solid var(--base-skin);
 }

 .social-icons li {
     display: inline-block;
     border: none;
     z-index: 1;
     position: relative;
 }

 .social-icons li {
     margin: 0 2px;
 }

 .social-icons li:last-child {
     margin-right: 0px;
 }

 .social-icons li a {
     display: block;
     min-width: 26px;
     text-align: center;
 }

 .social-icons.circle li>a {
     border-width: 1px;
     border-style: solid;
     height: 33px;
     width: 33px;
     line-height: 33px;
     text-align: center;
     display: block;
     background-color: transparent;
     font-size: 13px;
     border-radius: 50%;
 }

 .tooltip-top {
     position: relative;
 }

 .tooltip:after,
 .tooltip:before,
 [data-tooltip]:after,
 [data-tooltip]:before {
     position: absolute;
     visibility: hidden;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(Opacity=0);
     opacity: 0;
     -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
     -moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -moz-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
     transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     pointer-events: none;
 }

 .tooltip:before,
 [data-tooltip]:before {
     z-index: 1001;
     border: 6px solid transparent;
     background: 0 0;
     content: "";
 }

 .tooltip-top:before,
 .tooltip:before,
 [data-tooltip]:before {
     margin-left: -6px;
     margin-bottom: -12px;
     border-top-color: inherit;
 }

 .tooltip-top:after,
 .tooltip-top:before,
 .tooltip:after,
 .tooltip:before,
 [data-tooltip]:after,
 [data-tooltip]:before {
     bottom: 100%;
     left: 50%;
 }

 .tooltip-bottom:after {
     bottom: -100%;
 }

 .tooltip-bottom:before {
     margin-left: -6px;
     margin-bottom: -12px;
     border-top-color: transparent;
 }

 .tooltip-bottom:before {
     bottom: -7px;
 }

 .tooltip-top:focus:after,
 .tooltip-top:focus:before,
 .tooltip-top:hover:after,
 .tooltip-top:hover:before,
 .tooltip:focus:after,
 .tooltip:focus:before,
 .tooltip:hover:after,
 .tooltip:hover:before,
 [data-tooltip]:focus:after,
 [data-tooltip]:focus:before,
 [data-tooltip]:hover:after,
 [data-tooltip]:hover:before {
     -webkit-transform: translateY(-12px);
     -moz-transform: translateY(-12px);
     transform: translateY(-12px);
 }

 .tooltip-top:after,
 .tooltip:after,
 [data-tooltip]:after {
     margin-left: -60px;
 }

 .tooltip:after,
 [data-tooltip]:after {
     z-index: 1000;
     padding: 8px;
     width: 120px;
     color: #fff;
     content: attr(data-tooltip);
     font-size: 14px;
     line-height: 1.2;
     text-align: center;
     border-radius: 5px;
 }

 .tooltip:focus:after,
 .tooltip:focus:before,
 .tooltip:hover:after,
 .tooltip:hover:before,
 [data-tooltip]:focus:after,
 [data-tooltip]:focus:before,
 [data-tooltip]:hover:after,
 [data-tooltip]:hover:before {
     visibility: visible;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(Opacity=100);
     opacity: 0;
 }

 .slick-slide {
     border: 0;
     outline: 0;
     padding: 0 15px;
 }

 .slick_slider.no-gutters .slick-slide {
     padding: 0;
 }

 .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current)>div:after {
     position: absolute;
     content: "";
     top: 0;
     left: -15px;
     height: 100%;
     width: 1px;
     background-color: #000;
 }

 .prt-bgcolor-darkgrey .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current)>div:after,
 .prt-bgcolor-skincolor .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current)>div:after {
     background-color: rgba(255, 255, 255, .3);
 }

 .slick_slider.slick_slider-opacity_block .slick-list {
     overflow: visible;
 }

 .slick_slider.slick-dots-style1 .slick-dots,
 .slick_slider.slick-dots-style2 .slick-dots,
 .slick_slider.slick-dots-style3 .slick-dots {
     padding: 0;
     margin: 0;
     padding-top: 30px;
     top: 100%;
     line-height: 0;
 }

 .slick_slider.slick-dots-style1 .slick-dots li,
 .slick_slider.slick-dots-style2 .slick-dots li,
 .slick_slider.slick-dots-style3 .slick-dots li {
     display: inline-block;
     list-style: none;
     line-height: 0;
 }

 .slick_slider.slick-dots-style1 .slick-dots li {
     width: calc(19.3% - 0px);
 }

 .slick_slider.slick-dots-style1 .slick-dots li button {
     height: 4px;
     width: 100%;
     border: 0;
     position: relative;
     margin: 0;
     padding: 0;
     font-size: 0;
     background-color: #000;
 }

 .slick_slider.slick-dots-style1 .slick-dots li.slick-active button {
     margin: 0;
 }

 .slick_slider.slick-dots-style2 .slick-dots li button,
 .slick_slider.slick-dots-style3 .slick-dots li button {
     height: 5px;
     width: 9px;
     border: 0;
     font-size: 0;
     padding: 0;
     position: relative;
     margin: 0 5px 0 0;
     background-color: #000;
 }

 .slick_slider.slick-dots-style2 .slick-dots li.slick-active button,
 .slick_slider.slick-dots-style3 .slick-dots li.slick-active button {
     width: 25px;
 }

 .slick_slider.slick-dots-style3 .slick-dots {
     position: absolute;
 }

 .slick_slider.slick-dots-style3 .slick-dots li button {
     height: 10px;
     width: 10px;
     border-radius: 50px;
 }

 .slick_slider .slick-arrow {
     height: 45px;
     width: 45px;
     border-radius: 5px;
     z-index: 1;
     border: 0;
     color: inherit;
     color: #666666;
     background-color: transparent;
     border: 1px solid #e2e2e2;
 }

 .slick_slider .slick-prev:before,
 .slick_slider .slick-next:before {
     font-family: 'fontello';
     font-size: 13px;
     line-height: 1;
     opacity: 1;
     font-weight: 700;
 }

 .slick_slider .slick-prev:before {
     content: '\e834';
 }

 .slick_slider .slick-next:before {
     content: '\e826';
 }

 .slick-prev,
 .slick-next {
     font-size: 0;
     line-height: 0;
     position: absolute;
     top: 0;
     display: block;
     width: 0px;
     height: 0px;
     border-radius: 50px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background: transparent;
 }

 .slick_slider .slick-arrow {
     height: 45px;
     width: 45px;
     border-radius: 50px;
     z-index: 1;
     border: 0;
     border: 1px solid #000;
 }

 .slick-arrow-style1 button.slick-prev.slick-arrow:before,
 .slick-arrow-style1 button.slick-next.slick-arrow:before {
     font-family: 'fontello';
     font-size: 20px;
     line-height: 43px;
     opacity: 1;
     font-weight: 900;
     color: #000;
     width: 45px;
     height: 45px;
     position: absolute;
     border-radius: 50px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     cursor: pointer;
     border: 2px solid #000;
     outline: none;
     background: transparent;
 }

 .slick-arrow-style1 button.slick-prev.slick-arrow:before {
     content: '\e834';
 }

 .slick-arrow-style1 button.slick-next.slick-arrow:before {
     content: '\e826';
 }

 .slick-arrow-style1 button.slick-prev.slick-arrow:hover:before,
 .slick-arrow-style1 button.slick-next.slick-arrow:hover:before {
     color: #fff !important;
     background-color: var(--base-skin);
     border-color: var(--base-skin);
 }

 .slick-arrow-style1 button.slick-prev.slick-arrow.active {
     border-color: var(--base-skin);
 }

 .slick-arrow-style1 button.slick-prev.slick-arrow:hover:before,
 .slick-arrow-style1 button.slick-next.slick-arrow:hover:before {
     color: #fff;
     border-color: var(--base-skin);
 }

 .slick-arrow-style1 button.slick-prev.slick-arrow {
     top: 157px;
     left: 57px;
 }

 .slick-arrow-style1 button.slick-next.slick-arrow {
     top: 157px;
     left: 110px;
 }

 .top_bar {
     width: 100%;
     z-index: 10;
     /* height: 120px; */
     height: 155px;;
     line-height: 90px;
     padding: 5px 0px 80px;
 }

 .top_bar_inner {
     padding: 0;
     z-index: 2;
     display: flex;
     position: relative;
 }

 .top_bar_icon {
     display: table-cell;
     vertical-align: middle;
 }

 .top_bar_contact_item .top_bar_icon i {
     font-size: 16px;
     /* color: var(--base-skin); */
     color: #fdd63d;
     margin-right: 7px;
 }

 .top_bar_contact_item span {
     /* color: rgba(255 255 255 / 0.7); */
     font-weight: 600;
 }

 .top_bar_contact_item span.topbar_icon-txt {
     font-family: var(--base-headingfont);
 }

 .top_bar_contact_item.top_bar_social ul.social-icons li {
     margin: 0 6px;
 }

 .top_bar_contact_item.top_bar_social ul.social-icons li:last-child {
     margin: 0 0 0 12px;
 }

 .top_bar_contact_item.top_bar_social ul.social-icons li a {
     font-family: var(--base-headingfont);
     font-size: 12px;
     text-transform: uppercase;
 }

 .top_bar_contact_item.top_bar_social ul.social-icons li a:hover {
     color: var(--base-skin) !important;
 }

 .top_bar_contact_item {
     font-size: 14px;
     height: 80px;
     line-height: 77px;
     position: relative;
     display: table;
 }

 .top_bar_contact_item.with-icon.top_bar_call {
     margin: 0 27px 0 54px;
 }

 .top_bar_contact_item.with-icon.top_bar_call:before {
     content: '';
     position: absolute;
     width: 1px;
     height: 28px;
     background-color: rgba(255 255 255 / 0.3);
     top: 24px;
     left: -26px;
 }

 .text-base-white .top_bar_contact_item>a {
     color: rgba(255, 255, 255, 0.70);
 }

 .site-branding {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .site-branding a.home-link img {
     margin-top: -18px;
 }

 .prt-header-style-01 .site-branding-02 {
     display: none;
 }

 .site-branding h1 {
     font-size: 35px;
     margin-bottom: 0;
 }

 .side-menu-container {
     position: absolute;
     right: 50px;
     top: 21px;
     left: auto;
 }

 .side-menu {
     position: relative;
 }

 .side-menu a {
     display: block;
     height: 38px;
     width: 38px;
     line-height: 38px;
     text-align: center;
     font-size: 18px;
     background-color: var(--base-dark);
     color: #fff;
     border-radius: 5px;
 }

 .side-overlay .side {
     display: inline-block;
     position: fixed;
     height: 100%;
     top: 0;
     right: 0px;
     width: 420px;
     padding: 45px 35px 35px;
     z-index: 5;
     background-color: #ffffff;
     -webkit-transition: transform 0.4s ease;
     transition: transform 0.4s ease;
     -webkit-transform: translateX(420px);
     -ms-transform: translateX(420px);
     transform: translateX(420px);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     background-image: url(../images/fltingbar-bg-img.html);
     background-position: 0% 0%;
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: scroll;
 }

 .side-overlay.on .side {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition: .4s ease-out;
     -moz-transition: .4s ease-out;
     -o-transition: .4s ease-out;
     -ms-transition: .4s ease-out;
     transition: .4s ease-out;
 }

 .side .close-side {
     position: absolute;
     right: 20px;
     top: 20px;
     font-size: 20px;
 }

 .side .prt-detailss ul {
     padding-left: 0;
     padding-top: 15px;
 }

 .side .prt-detailss ul>li {
     padding-bottom: 3px;
     list-style: none;
 }

 .side .prt-detailss li span:first-child {
     color: rgba(255, 255, 255, .95);
 }

 .side .prt-detailss li:first-child span:last-child {
     font-size: 18px;
     font-weight: 800;
     color: var(--base-skin);
 }

 .side .prt-detailss ul>li a,
 .side p {
     color: rgba(255, 255, 255, .6);
 }

 .side aside.widget_text {
     margin: 35px 0 35px;
     padding-top: 35px;
     border-top: 1px solid rgba(255, 255, 255, .15);
 }

 .side aside.widget_text h3 {
     font-size: 19px;
     line-height: 30px;
     margin-bottom: 4px;
 }

 .side aside.widget_text .wrap-form.cta_form span.text-input {
     margin-bottom: 15px;
 }

 .side aside.widget_text .wrap-form.cta_form span.text-input input,
 .side aside.widget_text .wrap-form.cta_form span.text-input textarea,
 .side aside.widget_text .wrap-form.cta_form span.text-input select {
     border-radius: 5px;
     border: 0;
     background-color: #203d71;
     color: rgba(255, 255, 255, .40);
 }

 .header_extra {
     position: relative;
 }

 .header_extra>div {
     margin-right: 40px;
     position: relative;
 }

 .site-navigation {
     position: relative;
     z-index: 2;
 }

 nav.main-menu ul {
     position: relative;
     margin: 0;
 }

 #site-header-menu .site-navigation ul.menu>li>a {
     font-weight: 400;
     display: block;
     text-transform: uppercase;
     font-size: 12px;
     line-height: 1;
     font-family: var(--base-headingfont);
 }

 #site-header-menu .site-navigation ul.menu>li>a:after {
     position: absolute;
     /* content: "\f107"; */
     font-family: "FontAwesome";
     font-size: 14px;
     margin-left: 4px;
     margin-top: 0px;
     font-weight: normal;
 }

 #site-header-menu .prt-stickable-header .site-navigation ul.menu>li.active>a {
     /* color: var(--base-skin) !important; */
     color: #fbc800 !important
 }

 .banner_slider.slick-slider .slick-prev,
 .banner_slider.slick-slider .slick-next {
     opacity: 0;
     visibility: hidden;
     width: 40px;
     height: 40px;
     line-height: 40px;
     padding-right: 3px;
     text-align: center;
     position: absolute;
     display: block;
     z-index: 1;
     margin: 0 20px;
     background: rgba(34, 54, 69, 0.5);
     border-radius: 50%;
 }

 .banner_slider.slick-slider .slick-next {
     right: 0;
     left: auto;
     padding-right: 0;
     padding-left: 3px;
 }

 .banner_slider.slick-slider:hover .slick-prev,
 .banner_slider.slick-slider:hover .slick-next {
     opacity: 1;
     visibility: visible;
 }

 .banner_slider.slick-slider .slick-prev:hover,
 .banner_slider.slick-slider .slick-next:hover {
     background: #000;
 }

 .banner_slider.slick-slider .slick-prev:before,
 .banner_slider.slick-slider .slick-next:before {
     font-family: 'Font Awesome 5 Free';
     font-size: 14px;
     opacity: 1;
     color: #fff;
     font-weight: bold;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .banner_slider.slick-slider .slick-prev:before {
     content: "\f053";
 }

 .banner_slider.slick-slider .slick-next:before {
     content: "\f054";
 }

 .slide {
     height: 680px;
     align-items: center;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     position: relative;
     z-index: 1;
 }

 .slide .slide__img {
     width: 100%;
     height: auto;
     overflow: hidden;
     position: absolute;
     left: 0;
 }

 .slide .slide__img img {
     opacity: 1;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     transition: all 1s ease;
 }

 .slide .slide__content {
     position: relative;
     height: 100%;
     display: flex;
     z-index: 2;
     flex-direction: column;
     justify-content: center;
 }

 .slide .slide__content--headings {
     padding: 15px 0;
     position: relative;
     z-index: 1;
     margin: 0 auto;
     align-items: center;
     transition: all 0.5s ease;
 }

 .banner_slider_1 .slide__content {
     background-color: rgba(0, 17, 62, 0.35);
 }

 .banner_slider_1 .slide__content--headings h2 {
     line-height: 112px;
     letter-spacing: 1px;
     font-weight: 700;
     font-size: 87px;
 }

 .banner_slider_1 .slide__content--headings>h3 {
     line-height: 50px;
     letter-spacing: 1px;
     font-weight: 600;
     font-size: 34px;
     margin-bottom: 0;
 }

 .banner_slider_1 .slide__content--headings p {
     color: rgb(220, 221, 222);
     line-height: 30px;
     letter-spacing: 1px;
     font-weight: 400;
     font-size: 21px;
 }

 .banner_slider_2 .slide__content--headings {
     padding: 15px 0;
     position: relative;
     z-index: 1;
     display: table;
     margin: 0 auto;
     transition: all 0.5s ease;
 }

 .banner_slider_2 .slide__content--headings h3 {
     text-align: left;
     line-height: 0;
 }

 .banner_slider_2 .slide__content--headings span.num {
     font-weight: 700;
     font-size: 18px;
     position: relative;
     padding-right: 200px;
 }

 .banner_slider_2 .slide__content--headings span.num:before {
     position: absolute;
     content: "";
     height: 2px;
     width: 100%;
     left: 0;
     bottom: 0;
 }

 .banner_slider_2 .slide__content--headings span {
     line-height: 30px;
     letter-spacing: 1px;
     font-weight: 500;
     font-size: 24px;
 }

 .banner_slider_2 .slide__content--headings h2 {
     display: inline-block;
     line-height: 102px;
     font-weight: 700;
     font-size: 87px;
     position: relative;
 }

 .banner_slider_2 .slide__content--headings h2:after {
     position: absolute;
     content: "";
     height: 6px;
     width: 46.5%;
     left: auto;
     right: 0;
     bottom: 0;
     z-index: -1;
 }

 .banner_slider_3_overlay .slide {
     height: 742px;
 }

 .banner_slider_3 .slide__content {
     background-color: rgba(0, 18, 62, 0.54);
 }

 .banner_slider_3 .slide__content--headings {
     padding: 15px 0;
     position: relative;
     z-index: 1;
     display: flex;
     justify-content: space-between;
     margin: 0 auto;
     align-items: center;
     transition: all 0.5s ease;
 }

 .banner_slider_3 .slide__content--headings .quotes-1,
 .banner_slider_3 .slide__content--headings .quotes-2 {
     width: 55%;
     height: 100%;
     padding-right: 120px;
     position: relative;
 }

 .banner_slider_3 .slide__content--headings .quotes-2 {
     padding-left: 100px;
     padding-right: 0;
 }

 .banner_slider_3 .slide__content--headings .quotes-1:after,
 .banner_slider_3 .slide__content--headings .quotes-2:after {
     position: absolute;
     content: "";
     width: 3px;
     right: 60px;
     top: -5%;
     bottom: -5%;
 }

 .banner_slider_3 .slide__content--headings .quotes-2:after {
     left: 0;
 }

 .banner_slider_3 .slide__content--headings .quotes-1 blockquote,
 .banner_slider_3 .slide__content--headings .quotes-2 blockquote {
     line-height: 34px;
     letter-spacing: 0px;
     font-weight: 300;
     font-size: 18px;
     text-decoration: underline;
     font-style: italic;
     position: relative;
     padding: 60px 0 30px 0;
     margin: 0;
 }

 .banner_slider_3 .slide__content--headings .quotes-2 blockquote {
     text-decoration: none;
     padding: 20px 0 20px 0;
 }

 .banner_slider_3 .slide__content--headings .quotes-1 blockquote:before {
     content: "\f10d";
     font-family: "Font Awesome 5 Free";
     position: absolute;
     font-size: 40px;
     line-height: 1;
     font-weight: 400;
     font-style: normal;
     top: 0;
     left: 0;
 }

 .banner_slider_3 .slide__content--headings h2 {
     line-height: 82px;
     letter-spacing: 1px;
     font-weight: 700;
     font-size: 72px;
     margin-bottom: 20px;
 }

 .banner_slider_3 .slide__content--headings h3 {
     font-size: 20px;
     line-height: 30px;
     letter-spacing: 0;
     font-weight: 400;
     margin-bottom: 10px;
 }

 .banner_slider_3 .slide__content--headings p {
     letter-spacing: 1px;
     font-weight: 400;
     font-size: 16px;
 }

 @media only screen and (max-width: 1200px) {
     .banner_slider_3_overlay .slide {
         height: 660px;
     }

     .banner_slider_3 .slide__content--headings h2 {
         font-size: 62px;
         line-height: 72px;
     }
 }

 @media only screen and (max-width: 1024px) {
     .banner_slider .slide {
         height: 460px;
     }

     .banner_slider_1 .logo-icon img {
         max-height: 58px;
     }

     .banner_slider_1 .slide__content--headings h2 {
         font-size: 72px;
         line-height: 82px;
     }

     .banner_slider_3 .slide__content--headings h2 {
         font-size: 52px;
         line-height: 62px;
         margin-bottom: 10px;
     }

     .banner_slider_3 .slide__content--headings .quotes-2 {
         padding-left: 70px;
     }
 }

 @media only screen and (max-width: 991px) {
     .banner_slider_1 .slide__content--headings h2 {
         font-size: 55px;
         line-height: 65px;
     }

     .banner_slider_1 .slide__content--headings p {
         font-size: 16px;
         line-height: 26px;
     }

     .banner_slider_2 .slide__content--headings span.num {
         padding-right: 80px;
     }

     .banner_slider_2 .slide__content--headings span {
         font-size: 20px;
         line-height: 1;
     }

     .banner_slider_2 .slide__content--headings h2 {
         font-size: 60px;
         line-height: 70px;
     }

     .banner_slider_3 .slide__content--headings .quotes-1,
     .banner_slider_3 .slide__content--headings .quotes-2 {
         display: none;
     }

     .banner_slider_3 .slide__content--headings {
         text-align: center;
         display: block;
     }

     .banner_slider_3 .slide__content--headings p {
         padding: 0 0 15px 0;
         margin: auto;
         width: 70%;
     }
 }

 @media only screen and (max-width: 767px) {
     .banner_slider .slide {
         height: 400px;
     }

     .banner_slider .slide__content--headings p {
         display: none;
     }

     .banner_slider_1 .logo-icon img {
         max-height: 50px;
     }

     .banner_slider_2 .slide__content--headings h3 {
         text-align: center;
         margin-bottom: 15px;
     }

     .banner_slider_2 .slide__content--headings span.num {
         display: none;
     }

     .banner_slider_3 .slide__content--headings h2 {
         font-size: 46px;
         line-height: 56px;
         margin-bottom: 0;
     }
 }

 @media only screen and (max-width: 600px) {
     .banner_slider .slide {
         height: 300px;
     }

     .banner_slider_1 .logo-icon img {
         max-height: 40px;
     }

     .banner_slider_1 .prt-icon {
         height: 50px;
         width: 50px;
         line-height: 50px;
         margin-bottom: 15px;
     }

     .banner_slider_1 .prt-icon i {
         font-size: 32px;
     }

     .banner_slider_2 .slide__content--headings span {
         font-size: 18px;
         line-height: 1;
     }

     .banner_slider_1 .slide__content--headings h2 {
         font-size: 33px;
         line-height: 46px;
         margin-bottom: 0;
     }

     .banner_slider_2 .slide__content--headings h2 {
         font-size: 38px;
         line-height: 50px;
         margin-bottom: 0;
     }

     .banner_slider_3 .slide__content--headings h3 {
         font-size: 16px;
         line-height: 26px;
         margin-bottom: 5px;
     }

     .banner_slider_3 .slide__content--headings h2 {
         font-size: 33px;
         line-height: 46px;
         margin-bottom: 0;
     }

     .slide .prt-btn.prt-btn-size-md:not(.btn-inline) {
         padding: 9px 20px;
         font-size: 12px;
     }
 }

 @media only screen and (max-width: 480px) {
     .banner_slider .slide {
         height: 320px;
     }
 }

 .banner_slider .slide_img {
     position: absolute;
     width: 100%;
     height: 100%;
     background-position: right;
     background-size: cover;
 }

 .slick-active .slide_img {
     -webkit-animation-delay: 24s;
     -moz-animation-delay: 24s;
     -o-animation-delay: 24s;
     -ms-animation-delay: 24s;
     animation-delay: 24s;
     -webkit-backface-visibility: hidden;
     -webkit-animation: imageAnimation 36s linear 0s;
     -moz-animation: imageAnimation 36s linear 0s;
     -o-animation: imageAnimation 36s linear 0s;
     -ms-animation: imageAnimation 36s linear 0s;
     animation: imageAnimation 36s linear 0s;
 }

 @keyframes imageAnimation {
     0% {
         animation-timing-function: ease-in;
     }

     8% {
         transform: scale(1.02);
         animation-timing-function: ease-out;
     }

     17% {
         transform: scale(1.04);
         animation-timing-function: ease-out;
     }

     22% {
         transform: scale(1.02);
     }

     25% {
         -transform: scale(1.1);
     }
 }

 .footer {
     z-index: 1;
     background-color: #000000;
 }

 .footer.style1,
 .footer.style2 {
     background-image: url(../images/footer--img.png);
     background-position: center top;
     background-attachment: scroll;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .footer>.prt-bg-layer {
     background-color: #000a20;
     opacity: .15;
 }

 .footer.text-base-white,
 .footer.text-base-white a {
     color: rgba(255, 255, 255, .60) !important;
     position: relative;
     z-index: 0;
 }

 .footer .widget-area .text-center a {
     color: #fff !important;
 }

 .footer.text-base-white .menu-footer-quick-links a:hover {
     color: var(--base-skin) !important;
 }

 .footer.text-base-white .menu-footer-quick-links.links-2 a:hover {
     color: var(--base-skin-02) !important;
 }

 .footer.text-base-white .menu-footer-quick-links.links-3 a:hover {
     color: var(--base-skin-03) !important;
 }

 .footer .footer-logo {
     position: relative;
     margin-bottom: 24px;
 }

 .footer .social-icons li,
 .footer.style2 .social-icons li {
     font-weight: normal;
     text-align: center;
     position: relative;
     margin: 0 1px;
 }

 .footer .social-icons li a,
 .footer.style2 .social-icons li a {
     width: 37px;
     height: 37px;
     line-height: 37px;
     margin: 0 0 0 0px;
     text-align: center;
     display: block;
     background-color: #000;
     font-size: 16px;
     color: #fff !important;
     border-radius: 50px;
     border: 1px solid #000;
 }

 .footer .social-icons li a:hover {
     background-color: var(--base-skin);
     color: var(--base-white);
     border-color: var(--base-skin);
 }

 .footer.style2 .social-icons li a:hover {
     background-color: var(--base-skin-02);
     color: var(--base-white);
     border-color: var(--base-skin-02);
 }

 .footer.style3 .social-icons li a:hover {
     background-color: var(--base-skin-03);
     color: var(--base-white);
     border-color: var(--base-skin-03);
 }

 .footer .social-icons li a:hover i {
     color: var(--base-white);
 }

 .footer .widget .widget-title {
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     margin-bottom: 25px;
     display: inline-block;
     position: relative;
 }

 .footer .widget ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .first-footer.style1 {
     position: relative;
     padding: 92px 0 50px;
 }

 .first-footer.style2 {
     position: relative;
     padding: 90px 0 25px;
 }

 .first-footer.style1 .first-footer-content h3 {
     font-weight: 400;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 18px;
     position: relative;
     font-family: var(--base-headingfont);
 }

 .first-footer.style1 .first-footer-content h3:before,
 .footer.style2 .first-footer.style1 .first-footer-content h3:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     background-color: var(--base-skin);
     bottom: 0;
 }

 .footer.style2 .first-footer.style1 .first-footer-content h3:before {
     background-color: var(--base-skin-02);
 }

 .first-footer.style1 .first-footer-content h2 {
     font-size: 50px;
     line-height: 65px;
     font-family: var(--base-headingfont);
 }

 .first-footer.style1 .first-footer-content-1 {
     padding: 0 40px;
 }

 .first-footer.style1 .first-footer-content-1 p {
     font-size: 16px;
     line-height: 26px;
     font-family: var(--base-headingfont);
     color: #fff;
     margin-bottom: 35px;
 }

 .first-footer.style1 .first-footer-content-1 .footer-btn a {
     color: #fff !important;
     z-index: unset;
 }

 .first-footer.style1 .footer-btn a.prt-btn.prt-btn-style-fill:after {
     background-color: #fff;
 }

 .first-footer.style1 .footer-btn a.prt-btn.prt-btn-style-fill:hover {
     color: #fff !important;
 }

 .first-footer.style1 .footer-btn a.prt-btn.prt-btn-style-border:after {
     background-color: var(--base-skin);
 }

 .first-footer.style1 .footer-btn a.prt-btn.prt-btn-style-border.skin-02:after {
     background-color: var(--base-skin-02);
 }

 .first-footer.style1 .footer-btn a.prt-btn.prt-btn-style-border:hover {
     color: #fff !important;
 }

 .first-footer.style3 {
     padding: 100px 0 0px;
 }

 .second-footer .border-top {
     border-top: 1px solid rgba(255 255 255 / 0.3) !important;
 }

 .second-footer .widget-area .widget {
     padding: 54px 0 43px;
     position: relative;
     z-index: 2;
 }

 .second-footer .widget-area .widget .textwidget p {
     text-align: justify;
     color: rgba(255, 255, 255, .80);
 }

 .second-footer .featured-icon-box.style1 .featured-desc a:hover {
     color: var(--base-skin) !important;
 }

 .second-footer .featured-icon-box.style2 .featured-desc a:hover {
     color: var(--base-skin-02) !important;
 }

 .second-footer .featured-icon-box.style4 .featured-desc a:hover {
     color: var(--base-skin-03) !important;
 }

 .newsletter_widget .widget-title {
     margin-bottom: 10px !important;
 }

 .newsletter-form {
     position: relative;
     margin-top: 17px;
     margin-bottom: 5px;
     clear: both;
     display: inline-block;
     width: 100%;
 }

 .newsletter-form input[type="email"] {
     padding: 13px 20px 13px 20px;
     border: none;
     border-radius: 10px;
     background-color: transparent;
     color: #fff;
     border: 1px solid #fff;
     width: 460px;
 }

 .newsletter-form input[type="email"]::placeholder {
     color: #fff;
 }

 .newsletter-form input[type="checkbox"] {
     background-color: transparent;
 }

 .newsletter-form.style1 input[type=checkbox] {
     accent-color: var(--base-skin);
 }

 .newsletter-form.style2 input[type=checkbox] {
     accent-color: var(--base-skin-02);
 }

 .newsletter-form.style3 input[type=checkbox] {
     accent-color: var(--base-skin-03);
 }

 .newsletter-form button[type="submit"] {
     position: absolute;
     top: 0px;
     right: 0px;
     font-size: 20px;
     font-weight: 400;
     height: 54px;
     width: 54px;
     border-radius: 10px;
     line-height: 0;
     display: block;
     padding: 0;
     -webkit-transition: all 0.35s ease;
     transition: all 0.35s ease;
 }

 .newsletter-form button[type="submit"] i {
     font-size: 20px;
     color: #fff;
 }

 .newsletter-form.style1 button[type="submit"] {
     background-color: var(--base-skin);
     border-color: var(--base-skin);
 }

 .newsletter-form.style2 button[type="submit"] {
     background-color: var(--base-skin-02);
     border-color: var(--base-skin-02);
 }

 .newsletter-form.style3 button[type="submit"] {
     background-color: var(--base-skin-03);
     border-color: var(--base-skin-03);
 }

 .prt-section-hili-dot {
     position: relative;
     top: 0;
     z-index: -1;
     color: #e33b28;
     right: 0px;
 }

 .prt-section-hili-dot:before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     width: 0px;
     height: 0px;
     margin: auto;
     background-color: currentColor;
     box-shadow: 0 0 0.80em 0.380em currentColor;
 }

 .prt-section-hili-dot.style1 {
     font-size: 300px;
 }

 .prt-section-hili-dot.style1:before,
 .prt-section-hili-dot.style3:before {
     top: 0;
     bottom: 0;
     box-shadow: 0 0 0.80em 0.380em currentColor;
 }

 .prt-section-hili-dot.style2,
 .prt-section-hili-dot.style4,
 .prt-section-hili-dot.style6 {
     position: relative;
     z-index: -2;
     font-size: 740px;
 }

 .prt-section-hili-dot.style4 {
     color: #00d2ff;
 }

 .prt-section-hili-dot.style6 {
     color: #ff8400;
 }

 .prt-section-hili-dot.style2:before,
 .prt-section-hili-dot.style4:before,
 .prt-section-hili-dot.style6:before {
     bottom: -460px;
     left: -63%;
     box-shadow: 0 0 0.80em 0.350em currentColor;
     z-index: -1;
 }

 .prt-section-hili-dot.style3 {
     color: #00d2ff;
     font-size: 300px;
 }

 .prt-section-hili-dot.style5 {
     color: #ff8400;
     font-size: 300px;
 }

 .widget .widget_nav_menu {
     display: inline-block;
 }

 .widget ul.menu-footer-quick-links li {
     /* display: block; */
     padding: 0px 0px 15px 0;
     position: relative;
     display: flex;
     align-items: center;
 }

 .widget ul.menu-footer-quick-links li span {
     padding: auto;
     padding-left: 9px;
     /* text-align: justify; */
     align-items: center;
 }

 .widget ul.menu-footer-quick-links li:last-child {
     padding-bottom: 0;
 }

 .widget_cta h4 {
     font-size: 26px;
     line-height: 1;
     margin-bottom: 30px;
     color: var(--base-skin) !important;
 }

 ul.widget_contact_wrapper li {
     padding-left: 48px;
     position: relative;
     padding-bottom: 15px;
     margin-bottom: 20px;
     line-height: 25px;
     color: rgba(255, 255, 255, .75);
     border-bottom: 1px solid rgba(255, 255, 255, .2);
 }

 ul.widget_contact_wrapper li>a {
     display: block;
     color: var(--base-white) !important;
 }

 ul.widget_contact_wrapper li:last-child {
     border-bottom: 0;
     margin-bottom: 0;
 }

 ul.widget_contact_wrapper li i {
     position: absolute;
     left: 0;
     top: 2px;
     line-height: 1;
     font-size: 27px;
     font-weight: 400;
     color: var(--base-skin);
 }

 footer .g-map iframe {
     width: 100%;
     margin-top: 15px;
     filter: brightness(91%) contrast(126%) saturate(0%) blur(0px) hue-rotate(0deg);
     border-radius: 5px;
 }

 .copyright {
     background-color: #000;
 }

 .copyright .cpy-text {
     padding-top: 23px;
     padding-bottom: 10px;
     font-size: 15px;
     text-align: center;
     color: rgba(255, 255, 255, .50) !important;
     display: flex;
     justify-content: center;
 }

 .copyright .cpy-text a {
     font-size: 15px;
     color: rgba(255, 255, 255, .50) !important;
 }

 .copyright .cpy-text a:hover {
     color: var(--base-skin) !important;
 }

 .footer-nav-menu {
     list-style: none;
     margin: 0px;
     padding: 0px;
 }

 .footer-nav-menu li {
     display: inline-block;
     padding-left: 2px;
     padding-right: 14px;
     font-size: 16px;
     padding-bottom: 0px;
     position: relative;
 }

 ul.footer-nav-menu li:after {
     position: absolute;
     content: "/";
     padding-left: 7px;
     top: 0;
 }

 ul.footer-nav-menu li:last-child:after {
     content: unset;
 }

 .footer-marquebox-1,
 .footer-marquebox-2 {
     background-color: var(--base-skin);
     z-index: 2;
     position: relative;
 }

 .footer-marquebox-2 {
     background-color: var(--base-skin-02);
 }

 .footer-marquebox-3 {
     background-color: var(--base-skin-03);
 }

 .footer-marquebox-wrapper {
     padding: 1px 0;
     width: 100%;
     height: 50px;
 }

 .first-footer.style2 .footer-marquebox-wrapper {
     padding: 1px 0;
     width: 100%;
     height: auto;
 }

 .footer-marquebox-wrapper .prt-marquebox-style1 {
     width: 30%;
     animation: prt-marque-text 12s linear infinite;
     will-change: transform;
     white-space: nowrap;
     margin-top: -10px;
 }

 .footer-marquebox-wrapper .prt-marquebox-style1:hover {
     animation-play-state: paused !important;
 }

 .footer-marquebox-wrapper .prt-marquebox-style1 ul.marquebox-list li {
     position: relative;
     display: inline-block;
     font-size: 14px;
     line-height: 24px;
     color: #fff;
     font-family: var(--base-bodyfont);
     margin: 0 20px;
 }

 span.marque-text i {
     font-weight: 700;
 }

 .first-footer.style2 .footer-marquebox-wrapper .prt-marquebox-style1 ul.marquebox-list li {
     position: relative;
     display: inline-block;
     font-size: 80px;
     line-height: 90px;
     color: #fff;
     font-family: var(--base-headingfont);
     margin: 0 35px;
 }

 .footer-marquebox-wrapper .prt-marquebox-style1 ul.marquebox-list li:before {
     position: absolute;
     content: '';
     left: -55px;
     height: 0;
     width: 0;
     top: 0;
     background-color: currentColor;
 }

 @keyframes prt-marque-text {
     0% {
         transform: translate(0, 0);
     }

     100% {
         transform: translate(-100%, 0);
     }
 }

 #totop {
     font-weight: 900;
     color: #fff;
     display: none;
     position: fixed;
     right: 34px;
     bottom: 50px;
     z-index: 999;
     height: 0;
     width: 0;
     font-size: 0;
     text-align: center;
     padding-top: 3px;
     line-height: 34px;
     border-radius: 10px;
     transition: .3s ease-in-out;
 }

 #totop.top-visible {
     height: 40px;
     width: 40px;
     font-size: 22px;
     display: inline;
     background-color: var(--base-skin);
 }

 @keyframes jump {
     0% {
         bottom: 20px;
     }

     50% {
         bottom: 40px;
     }

     100% {
         bottom: 20px;
     }
 }

 #totop.top-visible {
     animation: jump 4s infinite;
 }

 .prt-page-title-row {
     position: relative;
     z-index: 1;
 }

 .prt-page-title-row.prt-bg.prt-bgimage-yes>.prt-titlebar-wrapper-bg-layer {
     opacity: .01;
 }

 .prt-page-title-row-inner {
     width: 100%;
     text-align: center;
     position: relative;
     padding: 100px 0 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .prt-page-title-row-heading {
     border-bottom: 1px solid #000;
 }

 .page-title-heading h2 {
     font-size: 70px;
     line-height: 80px;
     display: inline-block;
     margin-bottom: 21px;
 }

 .breadcrumb-wrapper {
     margin-top: 30px;
 }

 .breadcrumb-wrapper i:before {
     content: '\e62a';
     position: absolute;
     bottom: 0;
     width: 40px;
     height: 40px;
     line-height: 40px;
     font-weight: 700;
     text-align: center;
     color: #fff;
     background-color: var(--base-skin);
     border-radius: 10px;
     margin-left: -18px;
 }

 .prt-service-single-content-area div:not(.featured-title)>h3 {
     font-size: 30px;
     line-height: 40px;
 }

 .prt-service-single-content-area p:not(:last-child) {
     margin-bottom: 30px;
 }

 .prt-service-single-content-area .prt_fatured_image-wrapper {
     position: relative;
     border-radius: 5px;
     overflow: hidden;
 }

 .prt-service-single-content-area img {
     width: 100%;
 }

 .prt-service-single-content-area .prt-solution img {
     height: 100%;
     object-fit: cover;
 }

 .prt-service-single-content-area {
     margin-left: 30px;
 }

 .prt-service-single-content-area a.prt-btn-style-border.prt-btn-color-whitecolor {
     color: #fff;
     background-color: var(--base-skin);
     border-color: #fff;
     overflow: visible;
 }

 .prt-service-single-content-area a.prt-btn-style-border.prt-btn-color-whitecolor:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     border-radius: 10px;
     background-color: #000;
     z-index: -1;
     opacity: 0;
     transform: translate(0, 0);
     transition: all 0.5s ease 0s;
 }

 .prt-service-single-content-area a.prt-btn-style-border.prt-btn-color-whitecolor:hover:after {
     opacity: 1;
     transform: translate(6px, 6px);
 }

 .prt-team-member-single-content h3.pretitle {
     font-weight: 400;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 18px;
     position: relative;
     font-family: var(--base-headingfont);
     color: var(--base-headingfont-color) !important;
 }

 .prt-team-member-single-content h3.pretitle:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     background-color: var(--base-skin);
     bottom: 0;
 }

 .prt-team-member-single-content .prt-featured-wrapper img {
     margin-bottom: 0;
     border-radius: 10px;
 }

 .prt-team-member-detail .prt-team-member-single-title {
     font-size: 50px;
     line-height: 60px;
     margin-bottom: 10px;
 }

 .prt-team-member-detail .prt-team-member-single-position {
     font-size: 15px;
     font-weight: 400;
     margin-bottom: 10px;
     font-family: var(--base-bodyfont);
 }

 .prt-team-member-detail .team-contect-link span {
     color: #000;
 }

 .prt-team-member-detail .team-contect-link a {
     font-size: 16px;
     font-family: var(--base-headingfont);
 }

 .prt-team-member-detail .team-contect-link a.team-link-02 {
     position: relative;
     display: inline-block;
     margin-top: 8px;
 }

 .prt-team-member-detail .team-contect-link .team-link-02 a:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     bottom: 3px;
     background-color: #000;
 }

 .prt-team-member-detail .team-contect-link .team-link-02 a:hover:before {
     background-color: var(--base-skin);
 }

 .prt-team-member-detail .prt-short-desc {
     margin: 12px 0 11px;
 }

 .prt-team-member-detail ul {
     margin: 0;
     padding: 0;
 }

 .prt-team-details-list li {
     position: relative;
     font-size: 15px;
     line-height: 24px;
     display: block;
     padding: 7px 0 5px 0;
     width: 100%;
 }

 .prt-team-details-list .prt-team-list-title,
 .prt-team-details-list .prt-team-list-value,
 .prt-team-details-list .prt-team-list-value a {
     display: inline-block;
     color: var(--body-font-color) !important;
 }

 .prt-team-details-list .prt-team-list-value a:hover {
     color: var(--base-skin) !important;
 }

 .prt-team-details-list .prt-team-list-title {
     position: relative;
     font-weight: 600;
     font-size: 16px;
     line-height: 30px;
     color: var(--base-dark) !important;
 }

 .prt-team-member-detail .prt-social-links-wrapper ul li a {
     display: block;
     font-size: 16px;
     width: 38px;
     height: 38px;
     text-align: center;
     line-height: 38px;
     border-radius: 50px;
     margin-right: 0;
     color: #fff;
     background-color: #000;
 }

 .prt-team-member-detail .prt-social-links-wrapper ul li a:hover {
     background-color: var(--base-skin);
     color: var(--base-white);
 }

 .prt-team-member-detail .prt-social-links-wrapper {
     padding: 33px 0 0px;
 }

 .prt-team-member-content {
     padding-top: 30px;
 }

 .prt-pf-detail-box {
     position: relative;
 }

 .prt-pf-detail-box .prt_pf_image-wrapper {
     border-radius: 10px;
     overflow: hidden;
 }

 .prt-pf-single-detail-box {
     padding: 42px 0 0;
 }

 .prt-pf-single-detail-box .prt-pf-single-detail-box-title h4 {
     font-size: 40px;
     line-height: 50px;
     margin-bottom: 15px;
 }

 .prt-pf-single-detail-box ul {
     list-style: none;
     padding-left: 0;
     overflow: hidden;
     margin-top: 0;
     padding-bottom: 32px;
     border-bottom: 1px solid #e6e9ef;
 }

 .prt-pf-single-detail-box ul li {
     position: relative;
     display: block;
     padding: 15px 0 15px 0;
     position: relative;
     display: inline-block;
     padding: 15px 55px 0px 0;
 }

 .prt-pf-single-detail-box ul li>span {
     display: inline;
     font-size: 18px;
 }

 .prt-pf-single-detail-box ul li>span:first-child {
     font-weight: 600;
     font-size: 18px;
     color: var(--base-skin);
 }

 .prt-pf-single-detail-box ul li:last-child {
     padding-right: 0;
 }

 .prt-pf-single-content-area {
     padding-top: 15px;
 }

 .prt-pf-single-content-area h2 {
     text-align: left;
     font-size: 32px;
     line-height: 1;
     margin-bottom: 25px;
 }

 .prt-pf-single-content-area .social-media-block {
     display: block;
     clear: both;
     padding: 3px 0 25px;
     border-bottom: 1px solid #e6e9ef;
 }

 .prt-pf-single-content-area .social-icons li>a {
     border: 1px solid #e7e7e7;
     background-color: transparent;
     height: 36px;
     width: 36px;
     line-height: 36px;
     text-align: center;
     display: block;
     font-size: 14px;
     border-radius: 5px;
     color: #676b72;
 }

 .prt-pf-single-content-area .social-icons li>a:hover {
     border-color: var(--base-white);
     color: var(--base-white);
     background-color: var(--base-skin);
 }

 .prt-pf-single-content-area .prt-pf-single-category span {
     color: var(--base-skin);
     font-size: 15px;
     font-weight: 600;
 }

 .prt-pf-single-content-area .prt-pf-single-category a:not(:hover) {
     color: inherit;
 }

 .prt-pf-single-content-area .prt-pf-single-category a {
     font-style: italic;
 }

 .prt-nextprev-bottom-nav {
     margin-top: 30px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 article.prt-blog-classic {
     margin-bottom: 30px;
     padding: 30px;
     border-radius: 10px;
     overflow: hidden;
     background-color: var(--base-lightgrey);
     border: 1px solid #000;
     display: flex;
     align-items: center;
 }

 article.prt-blog-classic:hover .prt-post-featured img {
     -moz-transform: scale(1.09);
     -webkit-transform: scale(1.09);
     -ms-transform: scale(1.09);
     transform: scale(1.09);
 }

 .prt-post-featured img {
     border-radius: 10px;
     -moz-transform: scale(1);
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     width: 350px;
     height: 240px;
     object-fit: cover;
     -webkit-transition: all .6s ease-in-out;
     -moz-transition: all .6s ease-in-out;
     -ms-transition: all .6s ease-in-out;
     -o-transition: all .6s ease-in-out;
 }

 .prt-post-featured.style1 img {
     width: 100%;
     height: 450px;
 }

 article.prt-blog-classic:last-child {
     margin-bottom: 15px;
 }

 article.prt-blog-classic .prt-post-featured-wrapper {
     position: relative;
     overflow: hidden;
     border-radius: 10px;
 }

 article.prt-blog-classic .prt-blog-classic-content {
     padding: 0 0 0 35px;
     width: 414px;
 }

 .prt-blog-classic .blog-featured-tag {
     font-size: 16px;
     padding: 6px 12px;
     border-radius: 5px;
     color: #fff;
     background-color: var(--base-skin);
 }

 .prt-blog-classic .prt-box-post-cat {
     z-index: 1;
     top: 10px;
     left: 9px;
     font-size: 13px;
     font-weight: 500;
     width: auto;
     padding: 0 14px 2px;
     position: absolute;
     background-color: var(--base-skin);
     color: var(--base-white);
     border-radius: 5px;
     ;
 }

 .prt-blog-classic .prt-box-post-cat a {
     color: var(--base-white);
 }

 .prt-blog-classic .post-meta,
 .prt-blog-single .post-meta {
     display: block;
     padding: 8px 0 11px;
 }

 .prt-blog-classic .post-meta .prt-meta-line,
 .prt-blog-single .post-meta .prt-meta-line {
     padding-right: 15px;
     position: relative;
     color: inherit;
 }

 .prt-blog-classic .post-meta .prt-meta-line a,
 .prt-blog-single .post-meta .prt-meta-line a {
     color: var(--body-font-color);
 }

 .prt-blog-single .post-meta .blog-tag {
     font-size: 16px;
     padding: 8px 12px;
     border-radius: 5px;
     color: #fff;
     background-color: var(--base-skin);
 }

 .prt-blog-classic .post-meta .prt-meta-line:last-child {
     padding-right: 0;
 }

 .prt-blog-classic .post-meta .prt-meta-line i,
 .prt-blog-single .post-meta .prt-meta-line i {
     padding-right: 4px;
     color: var(--base-skin);
 }

 .prt-blog-classic .entry-header .entry-title {
     font-size: 20px;
     line-height: 30px;
     position: relative;
     margin-bottom: 12px;
     margin-top: 38px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .prt-blog-classic .entry-header p {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .prt-blog-single .prt-post-featured-wrapper {
     border-radius: 5px;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .prt-blog-single .post-meta {
     display: block;
     padding: 5px 0 15px 0;
 }

 .prt-blog-single h3 {
     font-size: 26px;
     line-height: 36px;
     margin-top: 20px;
 }

 .prt-blog-single blockquote {
     font-size: 20px;
     line-height: 30px;
     color: #000;
     font-family: var(--base-headingfont);
 }

 .prt-blog-single .blockquote-caption h3 {
     margin-top: 0;
 }

 .prt-blog-single p {
     margin-bottom: 20px;
 }

 .prt-blog-single blockquote cite {
     text-align: center;
     font-weight: 400;
     font-style: normal;
     color: var(--base-dark);
 }

 .prt-blog-single .prt_tag_lists {
     font-size: 16px;
     font-weight: 400;
     padding-top: 10px;
     padding-bottom: 10px;
 }

 .prt-blog-single .prt_tag_lists .prt-tags-links-title {
     color: #000;
     font-family: var(--base-headingfont);
     margin-right: 17px;
 }

 .prt-blog-single .social-media-block .prt-tags-links a {
     font-size: 16px;
     display: inline-block;
     font-weight: normal;
     color: var(--body-font-color);
     background-color: var(--base-lightgrey);
     padding: 1px 12px 3px;
     border-radius: 5px;
     margin-right: 10px;
 }

 .social-media-block {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 25px 0;
     margin-top: 40px;
     border-top: 1px solid #000;
     border-bottom: 1px solid #000;
 }

 .prt-blog-single .social-media-block .prt-tags-links a:last-child {
     margin: 0;
 }

 .prt-blog-single .prt-social-share-wrapper ul {
     display: inline-flex;
     padding-top: 0;
 }

 .prt-blog-single .prt-social-share-wrapper ul li {
     display: inline-block;
     margin: 0 10px 0 0;
 }

 .prt-blog-single .prt-social-share-wrapper ul li:last-child {
     margin: 0;
 }

 .prt-blog-single .prt-social-share-wrapper ul li a {
     border: 1px solid rgb(0 0 0 / 15%);
     width: 35px;
     height: 35px;
     text-align: center;
     display: block;
     font-size: 15px;
     line-height: 35px;
     color: #000;
     border-radius: 50px;
 }

 .prt-blog-single .prt-social-share-wrapper ul li a:hover {
     color: #fff;
 }

 .prt-blog-single .prt-social-share-wrapper ul li.facebook a {
     background-color: #385da9;
 }

 .prt-blog-single .prt-social-share-wrapper ul li.twitter a {
     background-color: #3cf;
 }

 .prt-blog-single .prt-social-share-wrapper ul li.pinterest a {
     background-color: #bd081c;
 }

 .prt-blog-single .prt-social-share-wrapper ul li.linkedin a {
     background-color: #0073b1;
 }

 .prt-blog-single .prt-social-share-wrapper ul li a:hover {
     background-color: var(--base-skin);
 }

 .comments-area {
     padding-top: 25px;
     margin-bottom: 0;
 }

 .comments-area.style1 {
     position: relative;
     padding-top: 0;
 }

 .comments-area.style1:before {
     content: '';
     position: absolute;
     width: 1px;
     height: 100%;
     left: -15px;
     background-color: rgba(204 204 204 / 0.4);
 }

 .comments-area.style1 h3.comment-reply-title {
     font-size: 26px;
     line-height: 36px;
     margin-bottom: 25px;
 }

 .comments-area h3.comment-reply-title {
     font-size: 29px;
     line-height: 36px;
     margin-bottom: 15px;
 }

 .comments-area p {
     margin-bottom: 20px;
 }

 .comment-form textarea,
 .comment-form input[type="text"],
 .comment-form input[type="email"],
 .comment-form input[type="url"] {
     border-radius: 10px;
     vertical-align: middle;
     width: 100%;
     color: #000;
     padding: 12px 15px;
     font-weight: 400;
     background-color: var(--base-lightgrey);
     text-transform: inherit;
     border: 1px solid transparent;
     font-size: 14px;
     line-height: inherit;
 }

 .comments-area p a.underline:before {
     content: '';
     position: absolute;
     bottom: 3px;
     background-color: #000;
 }

 .comments-area p a.underline:hover:before {
     background-color: var(--base-skin);
 }

 .comment-form input[type="text"]::placeholder,
 .comment-form textarea::placeholder {
     color: rgba(0, 0, 0, 0.5);
 }

 .comments-area .comment-form .comment-form-author,
 .comments-area .comment-form .comment-form-email,
 .comments-area .comment-form .comment-form-url,
 .comments-area.style1 .comment-form .comment-form-number {
     position: relative;
     float: left;
     width: 31.70%;
     margin-right: 20px;
     margin-bottom: 20px;
 }

 .comments-area.style1 .comment-form .comment-form-author,
 .comments-area.style1 .comment-form .comment-form-email,
 .comments-area.style1 .comment-form .comment-form-url,
 .comments-area.style1 .comment-form .comment-form-number {
     width: 48.10%;
 }

 .comments-area.style1 .comment-form .comment-form-email {
     margin-right: 0;
 }

 .comments-area .comment-form .comment-form-url {
     margin-right: 0;
 }

 .comments-area span.text-input input[type=checkbox] {
     width: 18px;
     height: 18px;
     border-radius: 50%;
 }

 .comments-area span.text-input input[type=checkbox] {
     visibility: hidden;
     position: absolute;
 }

 .comments-area input[type=checkbox]+label {
     height: 18px;
     width: 18px;
     border: 1px solid #000;
     border-radius: 50px;
     vertical-align: middle;
     margin: 0px 8px 0 30px;
 }

 .comments-area input[type=checkbox]+label:before {
     height: 18px;
     width: 18px;
     border: 1px solid transparent;
     border-radius: 5px;
     content: " ";
     display: inline-block;
     vertical-align: top;
 }

 .comments-area input[type="checkbox" i] {
     display: none;
 }

 .comments-area input[type=checkbox]:checked+label:before {
     content: "";
     border: solid;
     border-color: var(--base-skin);
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     display: block;
     left: 5px;
     top: 3px;
     width: 6px;
     height: 9px;
     background-color: transparent !important;
     border-radius: 0;
     position: relative;
     vertical-align: middle;
 }

 .prt_contact_widget_wrapper {
     position: relative;
     z-index: 1;
     overflow: visible;
     clear: both;
     padding: 40px 30px;
     padding-left: 35px;
 }

 .contact-form-main {
     background-color: #fff;
     border-radius: 10px;
     margin-top: -395px;
 }

 .contact-form-main .comments-area.style1 {
     padding: 50px 50px;
 }

 .contact-form-main .comments-area.style1:before {
     width: 0;
     height: 0;
 }

 .contact-title {
     background-color: var(--base-skin);
     padding: 50px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     display: flex;
     align-items: flex-start;
 }

 .contact-title h3 {
     font-size: 20px;
     line-height: 30px;
     color: #fff;
     margin-bottom: 0;
     margin-left: 30px;
 }

 .contact-form-main .social-icons.contact-link li a {
     margin-right: 16px;
     margin-top: 10px;
 }

 .contact-form-main .social-icons.contact-link li i {
     margin-right: 10px;
 }

 @media (min-width: 992px) {
     .prt_contact_widget_wrapper:before {
         position: absolute;
         content: '';
         right: -20px;
         top: 46%;
         margin: 0 auto;
         border-bottom: 20px solid transparent;
         border-top: 20px solid transparent;
         border-left-width: 20px;
         border-left-style: solid;
         z-index: 9;
     }
 }

 @media (min-width: 360px) and (max-width: 480px) {

     .work-footer {
         position: relative;
         left: -52px;
     }
 }



 .prt_contact_widget_wrapper ul {
     padding: 0;
     margin: 0;
     z-index: 2;
     list-style: disc;
     clear: both;
     padding-left: 23px;
 }

 .prt_contact_widget_wrapper li {
     margin-bottom: 25px;
     text-align: left;
     font-size: 22px;
     font-weight: 600;
 }

 .prt_contact_widget_wrapper li h6 {
     text-align: left;
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 5px;
 }

 .prt_contact_widget_wrapper li span {
     font-size: 16px;
     line-height: 26px;
     font-weight: normal;
 }

 section.error-404 {
     padding: 60px 0 80px;
     text-align: center;
 }

 section.error-404 .prt-404-img {
     margin-bottom: 35px;
 }

 section.error-404 .page-content p {
     font-size: 18px;
     margin-bottom: 30px;
 }

 section.error-404 {
     text-align: center;
     background-image: url('../images/error-404-bg.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: -1;
     position: relative;
 }

 section.error-404 h2 {
     font-size: 270px;
     line-height: 100%;
     color: #fff;
     margin-bottom: 22px;
 }

 section.error-404 h2.page-title-text {
     font-size: 200px;
     line-height: 100%;
     margin-top: -135px;
     margin-bottom: 58px;
     -webkit-text-stroke: 1px rgba(255 255 255 / 0.5);
     -webkit-text-fill-color: transparent;
 }

 section.error-404 h3 {
     font-size: 44px;
     line-height: 54px;
     color: #fff;
     margin-bottom: 75px;
 }

 section.error-404 img {
     margin: 0px 15px;
     position: relative;
     animation: phone-call-animate 1.7s ease-in-out infinite;
 }

 #map {
     display: block;
     height: 220px;
     width: 100%;
 }

 #map iframe {
     width: 100%;
     height: 100%;
     margin-top: 10px;
     filter: brightness(104%) contrast(150%) saturate(0%) blur(0px) hue-rotate(0deg);
     border-radius: 0;
 }

 .map_container.style1 #map {
     height: 1110px;
     width: 100%;
 }

 .map_container.style1 #map iframe {
     filter: brightness(104%) contrast(150%) saturate(0%) blur(0px) hue-rotate(0deg);
     border-radius: 50%;
 }

 .map_container.style1 {
     margin-right: -620px;
     margin-left: -100px;
     margin-bottom: -770px;
     margin-top: -70px;
 }

 .map_container.style2 #map {
     height: 600px;
 }

 .map_container.style2 {
     margin-left: -550px;
 }

 .tm-desctext,
 .tmtheme_fbar_icons>span,
 .tmtheme_fbar_icons>span:after {
     background-color: #fff;
     position: absolute
 }

 .prt_floting_customsett {
     position: fixed;
     top: 50%;
     right: 0;
     padding: 3px 0 10px;
     margin: -89px 0 0;
     background-color: #fff;
     box-shadow: 0 6px 12px rgb(0 0 0 / 25%);
     z-index: 99999
 }

 .tmtheme_fbar_icons {
     display: block;
     position: relative;
     width: 55px;
     height: 45px;
     line-height: 52px;
     text-align: center
 }

 .tmtheme_fbar_icons i {
     display: inline-block;
     vertical-align: middle;
     transition: .3s;
     font-size: 21px;
     color: #232323
 }

 .tmtheme_fbar_icons>span {
     display: block;
     right: 100%;
     top: 0;
     box-shadow: 0 6px 12px rgb(0 0 0 / 25%);
     opacity: 0;
     visibility: hidden;
     font-size: 16px;
     color: #232323;
     transform: translateX(-5px);
     transition: .5s;
     padding: 0 20px
 }

 .tmtheme_fbar_icons>span>span {
     padding-left: 5px
 }

 .tmtheme_fbar_icons>span:after {
     content: '';
     top: -2px;
     bottom: -10px;
     right: -15px;
     width: 15px;
     height: 55px
 }

 .tmtheme_fbar_icons:hover>span {
     opacity: 1;
     visibility: visible;
     transform: translateX(0)
 }

 .tm-desctext {
     top: 30px;
     max-width: 400px;
     right: 30px;
     padding: 30px 50px 23px 30px;
     text-align: left
 }

 .tm-desctext:before {
     display: block;
     content: "";
     position: absolute;
     width: 6px;
     height: 100%;
     left: 0;
     top: 0;
     background-color: #ffb120
 }

 .tm-iocnbox-btn {
     font-size: 18px;
     line-height: 26px;
     margin-top: 15px
 }


 /* new one */

 .work-footer {
     padding: 0px 70px !important;
 }




 /* start custom css */

 .sec-title {
     position: relative;
     z-index: 1;
     margin-bottom: 60px;
 }

 .sec-title .title {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 24px;
     color: #ff2222;
     font-weight: 500;
     margin-bottom: 15px;
 }

 .sec-title h2 {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 1.28em;
     color: #222222;
     font-weight: 600;
     /* padding-bottom: 18px; */
 }

 /* .sec-title h2:before {
     position: absolute;
     content: '';
     left: 0px;
     bottom: 0px;
     width: 50px;
     height: 3px;
     background-color: #d1d2d6;
 } */

 .sec-title .text {
     position: relative;
     font-size: 16px;
     line-height: 26px;
     color: #848484;
     font-weight: 400;
     margin-top: 35px;
 }

 .sec-title.light h2 {
     color: #ffffff;
 }

 .sec-title.text-center h2:before {
     left: 50%;
     margin-left: -25px;
 }

 .list-style-one {
     position: relative;
 }

 .list-style-one li {
     position: relative;
     font-size: 16px;
     line-height: 26px;
     color: #222222;
     font-weight: 400;
     padding-left: 35px;
     margin-bottom: 12px;
 }

 .list-style-one li:before {
     content: "\f058";
     position: absolute;
     left: 0;
     top: 0px;
     display: block;
     font-size: 18px;
     padding: 0px;
     color: #ff2222;
     font-weight: 600;
     -moz-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1.6;
     font-family: "Font Awesome 5 Free";
 }

 .list-style-one li a:hover {
     color: #44bce2;
 }

 .btn-style-one {
     position: relative;
     display: inline-block;
     font-size: 17px;
     line-height: 30px;
     color: #000000;
     padding: 10px 30px;
     font-weight: 600;
     overflow: hidden;
     letter-spacing: 0.02em;
     background-color: #fdd63d;
     border-radius: 10px;
 }

 .btn-style-one:hover {
     background-color: #001e57;
     color: #ffffff;
 }

 .about-section {
     position: relative;
     padding: 120px 0 70px;
 }

 .about-section .sec-title {
     margin-bottom: 20px;
 }

 .about-section .content-column {
     position: relative;
     margin-bottom: 50px;
 }

 .about-section .content-column .inner-column {
     position: relative;
     padding-left: 30px;
 }

 .about-section .text {
     margin-bottom: 10px;
     font-size: 16px;
     line-height: 26px;
     color: #848484;
     font-weight: 400;
     text-align: justify;
 }

 .about-section .list-style-one {
     margin-bottom: 45px;
 }

 .about-section .btn-box {
     position: relative;
 }

 .about-section .btn-box a {
     padding: 15px 30px;
 }

 .about-section .image-column {
     position: relative;
 }

 .about-section .image-column .text-layer {
     position: absolute;
     right: -110px;
     top: 50%;
     font-size: 325px;
     line-height: 1em;
     color: #ffffff;
     margin-top: -175px;
     font-weight: 500;
 }

 .about-section .image-column .inner-column {
     position: relative;
     padding-left: 120px;
     padding-bottom: 125px;
 }

 .about-section .image-column .inner-column:before {
     position: absolute;
     left: -75px;
     top: 65px;
     height: 520px;
     width: 520px;
     background-image: url(https://i.ibb.co/fxJ1jtC/about-circle-1.png);
     content: "";
 }

 .about-section .image-column .image-1 {
     position: relative;
     z-index: 100000;
 }

 .about-section .image-column .image-2 {
     position: absolute;
     left: 0;
     bottom: 0;
 }

 .about-section .image-column .image-2 img,
 .about-section .image-column .image-1 img {
     box-shadow: 0 30px 50px rgba(8, 13, 62, .15);
     border-radius: 10px;
 }

 .about-section .image-column .video-link {
     position: absolute;
     left: 70px;
     top: 170px;
 }

 .about-section .image-column .video-link .link {
     position: relative;
     display: block;
     font-size: 22px;
     color: #191e34;
     font-weight: 400;
     text-align: center;
     height: 100px;
     width: 100px;
     line-height: 100px;
     background-color: #ffffff;
     border-radius: 50%;
     box-shadow: 0 30px 50px rgba(8, 13, 62, .15);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .about-section .image-column .video-link .link:hover {
     background-color: #191e34;
     color: #fff
 }



 /* start products  */

 .request button {
     background-color: #fdd63d;
 }

 .request button span {
     color: #000000;
     font-weight: bold;
 }

 #codepen :is(.mt-2) {
     margin-top: 8px;
 }

 #codepen :is(.mt-4) {
     margin-top: 16px;
 }

 #codepen :is(.flex) {
     display: flex;
 }

 #codepen :is(.h-\[200px\]) {
     height: 200px;
 }

 #codepen :is(.h-\[40px\]) {
     height: 40px;
 }

 #codepen :is(.w-\[300px\]) {
     width: 300px;
 }

 #codepen :is(.w-\[40px\]) {
     width: 40px;
 }

 #codepen :is(.w-full) {
     width: 100%;
 }

 #codepen :is(.items-center) {
     align-items: center;
 }

 #codepen :is(.justify-center) {
     justify-content: center;
 }

 #codepen :is(.justify-between) {
     justify-content: space-between;
 }

 #codepen :is(.rounded-full) {
     border-radius: 9999px;
 }

 #codepen :is(.rounded-lg) {
     border-radius: 24px;
 }

 #codepen :is(.rounded-md) {
     border-radius: 18px;
 }

 #codepen :is(.bg-neutral-50) {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }

 #codepen :is(.bg-primary) {
     --tw-bg-opacity: 1;
     background-color: rgb(250 91 48 / var(--tw-bg-opacity));
 }

 #codepen :is(.object-cover) {
     object-fit: cover;
 }

 #codepen :is(.p-4) {
     padding: 16px;
 }

 #codepen :is(.px-4) {
     padding-left: 16px;
     padding-right: 16px;
 }

 #codepen :is(.py-2) {
     padding-bottom: 8px;
     padding-top: 8px;
 }



 #codepen :is(.text-lg) {
     font-size: 18px;
     line-height: 28px;
 }

 #codepen :is(.text-sm) {
     font-size: 14px;
     line-height: 20px;
 }

 #codepen :is(.font-semibold) {
     font-weight: 600;
 }

 #codepen :is(.text-neutral-700) {
     --tw-text-opacity: 1;
     color: rgb(201 201 201 / var(--tw-text-opacity));
 }

 #codepen :is(.text-white) {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity));
 }

 #codepen :is(.shadow-lg) {
     --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
         0 4px 6px -4px rgba(0, 0, 0, 0.1);
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
         0 4px 6px -4px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }


 #codepen :is(.bg-neutral-50) {
     color: rgba(0, 0, 0, 0.9) !important;
     min-height: 503px;
 }


 /* end products  */


 /* start counter  */




 .sectionClass {
     padding: 20px 0px 50px 0px;
     position: relative;
     display: block;
 }

 .fullWidth {
     width: 100% !important;
     display: table;
     float: none;
     padding: 0;
     min-height: 1px;
     height: 100%;
     position: relative;
 }

 .sectiontitle {
     background-position: center;
     margin: 30px 0 0px;
     text-align: center;
     min-height: 20px;
 }

 .sectiontitle h2 {
     font-size: 30px;
     color: #222;
     margin-bottom: 0px;
     padding-right: 10px;
     padding-left: 10px;
 }

 .headerLine {
     width: 160px;
     height: 2px;
     display: inline-block;
     background: #101f2e;
 }

 .projectFactsWrap {
     display: flex;
     margin-top: 30px;
     flex-direction: row;
     flex-wrap: wrap;
 }

 #projectFacts .fullWidth {
     padding: 0;
 }

 .projectFactsWrap .item {
     width: 25%;
     height: 100%;
     padding: 40px 0px;
     text-align: center;
 }

 .projectFactsWrap .item:nth-child(1) {
     background: rgb(16, 31, 46);
 }

 .projectFactsWrap .item:nth-child(2) {
     background: rgb(18, 34, 51);
 }

 .projectFactsWrap .item:nth-child(3) {
     background: rgb(21, 38, 56);
 }

 .projectFactsWrap .item:nth-child(4) {
     background: rgb(23, 44, 66);
 }

 .projectFactsWrap .item p.number {
     font-size: 40px;
     padding: 10px;
     font-weight: bold;
     color: #fdd63d;
 }

 .projectFactsWrap .item p {
     color: rgba(255, 255, 255, 0.8);
     font-size: 18px;
     margin: 0;
     padding: 10px;
     text-align: center;
 }

 .projectFactsWrap .item span {
     width: 60px;
     background: rgba(255, 255, 255, 0.8);
     height: 2px;
     display: block;
     margin: 0 auto;
 }

 .projectFactsWrap .item i {
     vertical-align: middle;
     font-size: 50px;
     /* color: rgba(255, 255, 255, 0.8); */
     color: #fdd63d;
 }

 .projectFactsWrap .item:hover i,
 .projectFactsWrap .item:hover p {
     color: white;

 }

 .projectFactsWrap .item:hover span {
     background: white;
 }


 .number.plus::after {
     content: "+";
     margin-left: 2px;
     font-weight: bold;
     font-size: 60px;
 }

 .number.plus:hover,
 .number.plus:hover::after {
     color: #ffffff !important;
 }

 .number.thousand::after {
     content: "K";
     margin-left: 2px;
     font-weight: bold;
     font-size: 40px;
 }

 .number.thousand:hover,
 .number.thousand:hover::after {
     color: #ffffff !important;
 }

 .number.multiply::after {
     content: "*7";
     margin-left: 2px;
     font-weight: bold;
     font-size: 40px;
 }

 .number.multiply:hover,
 .number.multiply:hover::after {
     color: #ffffff !important;
 }

 .counter_height {
     min-height: 260px;
 }

 @media (max-width: 786px) {
     .projectFactsWrap .item {
         flex: 0 0 50%;
     }
 }

 /* end counter  */

 /* start contact form */



 input[type="text"],
 input[type="email"],
 input[type="tel"],
 textarea {
     border: none;
     border-bottom: 2px solid rgb(128, 126, 126);
     background: transparent;
     outline: none;
     width: 100%;
     text-transform: capitalize;
     padding: 1rem 0.4rem;
 }

 /* .aside {
     background-image: linear-gradient(to left bottom,
             #051937,
             #002350,
             #002d69,
             #003684,
             #01409f);
     background-image: linear-gradient(to left bottom, #2a2a24, #2a2a24, #2a2a24, #2a2a24, #2a2a24);
     animation: animateClr 5s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99);
     background-size: 400%;
 } */

 @keyframes animateClr {
     0% {
         background-position: 0% 50%;
     }

     50% {
         background-position: 100% 50%;
     }

     100% {
         background-position: 0% 50%;
     }
 }

 ion-icon:not([name="logo-codepen"]) {
     border: 1px solid currentColor;
     border-radius: 20%;
     padding: 1rem;
 }

 .contact a {
     color: #ffffff;
 }


 .contact p small {
     color: #ffffff;
 }

 .send_message {
     background-color: #fdd63d;
 }

 .contact span i {
     color: #fdd63d;
 }

 .contact span {
     color: #fff;
 }

 /* end contact form */


 /* start banner */

 /* .banner-slider {
     width: 100%;
     height: 85vh;
     position: relative;
 }

 .banner-img {
     width: 100%;
     height: 85vh;
     object-fit: cover;
 } */


 .swiper-button-next,
 .swiper-button-prev {
     width: 40px !important;
     height: 40px !important;
     background: rgb(254 198 2);
     backdrop-filter: blur(8px);
     border-radius: 50%;
     border: 1px solid rgb(254 198 2);
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff !important;
     transition: 0.3s ease;
 }

 .swiper-button-next::after,
 .swiper-button-prev::after {
     font-size: 22px !important;
     font-weight: 700;
 }

 .swiper-button-next:hover,
 .swiper-button-prev:hover {
     background: rgb(165, 132, 11);
     transform: scale(1.1);
 }

 /* end banner */


 /* SECTION BACKGROUND */
 .clientele-section {
     background: linear-gradient(135deg, #f3f4f7, #ffffff);
     padding-top: 150px;
     padding-bottom: 150px;
 }

 /* TITLE */
 .clientele-title {
     text-align: center;
     font-size: 36px;
     font-weight: 700;
     margin-bottom: 50px;
     color: #1a1a1a;
     letter-spacing: 1px;
     position: relative;
 }

 .clientele-title::after {
     content: "";
     width: 80px;
     height: 10px;
     background: #ffae00;
     display: block;
     margin: 10px auto 0;
     border-radius: 50px;
 }

 /* CLIENT BOX */
 .client-box {
     background: #fff;
     padding: 25px;
     border-radius: 12px;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
     transition: 0.3s ease-in-out;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .client-box img {
     width: 150px;
     height: auto;
     /* filter: grayscale(100%); */
     /* opacity: 0.7; */
     transition: 0.3s;
 }

 /* HOVER EFFECT */
 .client-box:hover {
     transform: translateY(-10px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
 }

 .client-box:hover img {
     filter: grayscale(0%);
     opacity: 1;
 }

 /* SWIPER PAGINATION */
 .swiper-pagination-bullet {
     background: #000 !important;
     opacity: 0.3;
 }

 .swiper-pagination-bullet-active {
     background: #ffae00 !important;
     opacity: 1;
 }



 .phone_icon {
     font-size: 20px;
 }

 .loction {
     font-size: 24px;
 }

 .mobile {
     font-size: 28px;
 }

 /* end custom css */





 .client_paragraph p {
     margin-top: 40px;
     font-size: 19px;
     font-weight: bold;
 }

 .client_paragraph p a {
     color: #ffd10a;

 }

 /* new start  products page */

 .card {
     width: 400px;
     background: #fff;
     border-radius: 15px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
     transition: 0.3s;
     font-family: "Segoe UI", sans-serif;
     margin: 20px auto;
     overflow: hidden;
     position: relative;
     cursor: pointer;
     min-height: 520px;
 }

 .card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
 }

 .badge {
     position: absolute;
     top: 10px;
     right: 10px;
     background: linear-gradient(to right,
             rgba(169, 3, 41, 1) 0%,
             rgba(196, 72, 72, 1) 44%,
             rgba(170, 34, 56, 1) 100%);
     color: #fff;
     padding: 5px 10px;
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     border-radius: 10px;
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
     z-index: 10;
 }

 .tilt {
     overflow: hidden;
 }

 .img {
     height: 290px;
     overflow: hidden;
 }

 .img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s;
 }

 .card:hover .img img {
     transform: scale(1.05);
 }

 .info {
     padding: 20px;
 }

 .cat {
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #71717a;
     margin-bottom: 5px;
 }

 .title {
     font-size: 16px;
     font-weight: 700;
     color: #18181b;
     margin: 0 0 10px;
     letter-spacing: -0.5px;
 }

 .desc {
     font-size: 13px;
     color: #52525b;
     line-height: 1.4;
     margin-bottom: 12px;
 }

 .feats {
     display: flex;
     gap: 6px;
     margin-bottom: 15px;
 }

 .feat {
     font-size: 10px;
     background: #f4f4f5;
     color: #71717a;
     padding: 3px 8px;
     border-radius: 10px;
     font-weight: 500;
 }

 .bottom {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 12px;
 }

 .price {
     display: flex;
     flex-direction: column;
 }

 .old {
     font-size: 13px;
     text-decoration: line-through;
     color: #a1a1aa;
     margin-bottom: 2px;
 }

 .new {
     font-size: 20px;
     font-weight: 700;
     color: #18181b;
 }

 .btn {
     background: linear-gradient(45deg, #18181b, #27272a);
     color: #fff;
     border: none;
     border-radius: 10px;
     padding: 8px 15px;
     font-size: 13px;
     font-weight: 600;
     cursor: pointer;
     display: flex;
     align-items: center;
     gap: 6px;
     transition: 0.3s;
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
 }

 .btn:hover {
     background: linear-gradient(45deg, #27272a, #3f3f46);
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 }

 .btn:before {
     content: "";
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg,
             transparent,
             rgba(255, 255, 255, 0.1),
             transparent);
     transition: 0.5s;
 }

 .btn:hover:before {
     left: 100%;
 }

 .icon {
     transition: transform 0.3s;
 }

 .btn:hover .icon {
     transform: rotate(-10deg) scale(1.1);
 }

 .meta {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-top: 1px solid #f4f4f5;
     padding-top: 12px;
 }

 .rating {
     display: flex;
     align-items: center;
     gap: 2px;
 }

 .rcount {
     margin-left: 6px;
     font-size: 11px;
     color: #71717a;
 }

 .stock {
     font-size: 11px;
     font-weight: 600;
     color: #22c55e;
 }

 @media (max-width: 400px) {
     .card {
         width: 90%;
     }

     .title {
         font-size: 16px;
     }

     .img {
         height: 180px;
     }

     .bottom {
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
     }

     .price {
         margin-bottom: 5px;
     }

     .btn {
         width: 100%;
         justify-content: center;
     }
 }

 /* new end  products page */


 /* start 2nd about us  */

 .about-section {
     padding: 60px 10%;
     background: #ffffff;
 }

 .about-container {
     display: flex;
     align-items: center;
     gap: 40px;
     flex-wrap: wrap;
 }

 .about-image {
     flex: 1;
     min-width: 280px;
 }

 .about-image img {
     width: 100%;
     border-radius: 10px;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 }

 .about-content {
     flex: 1;
     min-width: 280px;
 }

 .about-content h2 {
     font-size: 36px;
     margin-bottom: 15px;
     color: #333;
 }

 .about-content p {
     font-size: 16px;
     line-height: 1.6;
     color: #555;
 }

 .about-content span {
     color: #f39c12;
     font-weight: bold;
 }

 /* end 2nd about us  */


 /* start 2nd counter */

 .counter-section {
     background: linear-gradient(135deg, #f39c12, #fac46e);
     padding: 60px 10%;
     color: #fff;
 }

 .counter-container {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     gap: 30px;
     text-align: center;
 }

 .counter-box {
     background: rgba(255, 255, 255, 0.1);
     padding: 30px 20px;
     border-radius: 12px;
     transition: transform 0.3s ease;
 }

 .counter-box:hover {
     transform: translateY(-8px);
 }

 .counter {
     font-size: 42px;
     font-weight: bold;
     margin-bottom: 10px;
 }

 .counter-box p {
     font-size: 16px;
     letter-spacing: 0.5px;
     justify-content: center;
     text-align: center;
 }

 /* Mobile Optimization */
 @media (max-width: 576px) {
     .counter {
         font-size: 34px;
     }
 }


 /* start contact form 2  */


 :root {
     --bg-primary: #1a1a17;
     --bg-secondary: #212118;
     --bg-card: #2a2a24;
     --text-primary: #f5f5dc;
     --text-secondary: #d4d4aa;
     --text-muted: #a8a882;
     --accent-yellow: #f4d03f;
     --accent-gold: #f7c14d;
     --accent-amber: #ffa726;
     --border-light: #3d3d32;
     --border-focus: #f4d03f;
     --shadow-light: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
     --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.4),
         0 2px 4px -1px rgba(0, 0, 0, 0.3);
     --shadow-strong: 0 10px 15px -3px rgba(0, 0, 0, 0.5),
         0 4px 6px -2px rgba(0, 0, 0, 0.3);
 }



 .container_contact {
     max-width: 640px;
     margin: 0 auto;
     position: relative;
 }

 .header_contact {
     text-align: center;
     margin-bottom: 3rem;
     animation: slideDown 0.6s ease-out;
 }

 .header_contact h1 {
     font-size: 2.5rem;
     font-weight: 600;
     margin-bottom: 0.5rem;
     background: linear-gradient(135deg,
             var(--accent-yellow) 0%,
             var(--accent-gold) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .header_contact p {
     color: #2a2a24;
     font-size: 1.1rem;
     max-width: 560px;
     margin: 0 auto;
 }

 .form-container {
     background: var(--bg-card);
     border-radius: 24px;
     padding: 2.5rem;
     box-shadow: var(--shadow-strong);
     border: 1px solid var(--border-light);
     backdrop-filter: blur(10px);
     animation: slideUp 0.6s ease-out 0.2s both;
     position: relative;
     overflow: hidden;
 }

 .form-container::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 4px;
     background: linear-gradient(90deg,
             var(--accent-yellow) 0%,
             var(--accent-amber) 100%);
 }

 .form-grid {
     display: grid;
     gap: 1.5rem;
 }

 .form-row {
     display: grid;
     gap: 1rem;
 }

 @media (min-width: 640px) {
     .form-row.two-cols {
         grid-template-columns: 1fr 1fr;
     }
 }

 .form-group {
     position: relative;
 }

 .form-label {
     display: block;
     font-weight: 500;
     margin-bottom: 0.5rem;
     color: var(--text-primary);
     font-size: 0.9rem;
     letter-spacing: 0.025em;
     transition: color 0.2s ease;
 }

 .form-input,
 .form-select,
 .form-textarea {
     width: 100%;
     padding: 1rem 1.25rem;
     border: 2px solid var(--border-light);
     border-radius: 12px;
     font-family: inherit;
     font-size: 1rem;
     color: var(--text-primary);
     background: var(--bg-card);
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     outline: none;
 }

 .form-input:focus,
 .form-select:focus,
 .form-textarea:focus {
     border-color: var(--border-focus);
     box-shadow: 0 0 0 3px rgba(244, 208, 63, 0.2);
     transform: translateY(-1px);
 }

 .form-input:hover,
 .form-select:hover,
 .form-textarea:hover {
     border-color: var(--accent-gold);
 }

 .form-textarea {
     resize: vertical;
     min-height: 120px;
     font-family: "Inter", sans-serif;
 }

 .form-select {
     cursor: pointer;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
     background-position: right 1rem center;
     background-repeat: no-repeat;
     background-size: 1.2rem;
     padding-right: 3rem;
     appearance: none;
 }

 .form-input::placeholder,
 .form-textarea::placeholder {
     color: var(--text-muted);
 }

 .submit-btn {
     background: linear-gradient(135deg,
             var(--accent-yellow) 0%,
             var(--accent-gold) 100%);
     color: #1a1a17;
     padding: 1.25rem 2rem;
     border: none;
     border-radius: 12px;
     font-family: inherit;
     font-size: 1rem;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     box-shadow: var(--shadow-medium);
     position: relative;
     overflow: hidden;
     letter-spacing: 0.025em;
 }

 .submit-btn:hover {
     transform: translateY(-2px);
     box-shadow: var(--shadow-strong);
 }

 .submit-btn:active {
     transform: translateY(0);
 }

 .submit-btn::before {
     content: "";
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg,
             transparent,
             rgba(255, 255, 255, 0.2),
             transparent);
     transition: left 0.5s;
 }

 .submit-btn:hover::before {
     left: 100%;
 }

 .privacy-notice {
     margin-top: 1.5rem;
     padding: 1rem;
     background: var(--bg-secondary);
     border-radius: 12px;
     font-size: 0.85rem;
     color: var(--text-secondary);
     border-left: 4px solid var(--accent-amber);
 }

 .required {
     color: var(--accent-amber);
 }

 .form-group.error .form-input,
 .form-group.error .form-select,
 .form-group.error .form-textarea {
     border-color: #ef4444;
     box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
 }

 .error-message {
     color: #ef4444;
     font-size: 0.8rem;
     margin-top: 0.5rem;
     display: none;
 }

 .form-group.error .error-message {
     display: block;
 }

 .success-message {
     background: linear-gradient(135deg, var(--accent-yellow), var(--accent-gold));
     color: #1a1a17;
     padding: 1rem;
     border-radius: 12px;
     margin-bottom: 1.5rem;
     display: none;
     animation: slideDown 0.5s ease-out;
     font-weight: 500;
 }

 @keyframes slideDown {
     from {
         opacity: 0;
         transform: translateY(-20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes slideUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes pulse {

     0%,
     100% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.05);
     }
 }

 .floating-elements {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     overflow: hidden;
     z-index: -1;
 }

 .floating-circle {
     position: absolute;
     border-radius: 50%;
     opacity: 0.1;
     animation: float 6s ease-in-out infinite;
 }

 .circle-1 {
     width: 60px;
     height: 60px;
     background: var(--accent-yellow);
     top: 10%;
     left: 10%;
     animation-delay: 0s;
 }

 .circle-2 {
     width: 40px;
     height: 40px;
     background: var(--accent-gold);
     top: 20%;
     right: 15%;
     animation-delay: 2s;
 }

 .circle-3 {
     width: 80px;
     height: 80px;
     background: var(--accent-amber);
     bottom: 15%;
     left: 20%;
     animation-delay: 4s;
 }

 .contact_form_card {
     border-radius: 20px;
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0px) rotate(0deg);
     }

     33% {
         transform: translateY(-20px) rotate(120deg);
     }

     66% {
         transform: translateY(10px) rotate(240deg);
     }
 }

 @media (max-width: 640px) {
     .header h1 {
         font-size: 2rem;
     }

     .form-container {
         padding: 2rem 1.5rem;
         border-radius: 20px;
     }

     body {
         padding: 1rem 0.5rem;
     }
 }

 /* end contact form 2  */



 /* start footer 2  */
 ul {
     margin: 0px;
     padding: 0px;
 }

 .footer-section {
     background: #151414;
     position: relative;
     padding: 25px;
 }

 .footer-cta {
     border-bottom: 1px solid #373636;
 }

 .single-cta i {
     color: #fec602;
     font-size: 30px;
     float: left;
     margin-top: 8px;
 }

 .cta-text {
     padding-left: 15px;
     display: inline-block;
 }

 .cta-text h4 {
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 2px;
 }

 .cta-text span {
     color: #757575;
     font-size: 15px;
 }

 .footer-content {
     position: relative;
     z-index: 2;
 }

 .footer-pattern img {
     position: absolute;
     top: 0;
     left: 0;
     height: 330px;
     background-size: cover;
     background-position: 100% 100%;
 }

 .footer-logo {
     margin-bottom: 30px;
 }

 .footer-logo img {
     max-width: 200px;
 }

 .footer-text p {
     margin-bottom: 14px;
     font-size: 14px;
     /* color: #7e7e7e; */
     color: #ffffff;
     line-height: 28px;
 }

 .footer-social-icon span {
     color: #fff;
     display: block;
     font-size: 20px;
     font-weight: 700;
     font-family: "Poppins", sans-serif;
     margin-bottom: 20px;
 }

 .footer-social-icon a {
     color: #fff;
     font-size: 16px;
     margin-right: 15px;
 }

 .footer-social-icon i {
     height: 40px;
     width: 40px;
     text-align: center;
     line-height: 38px;
     border-radius: 50%;
 }

 .facebook-bg {
     background: #3b5998;
 }

 .twitter-bg {
     background: #55acee;
 }

 .google-bg {
     background: #fec602;
 }

 .footer-widget-heading h3 {
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 40px;
     position: relative;
 }

 .footer-widget-heading h3::before {
     content: "";
     position: absolute;
     left: 0;
     bottom: -15px;
     height: 2px;
     width: 50px;
     background: #fec602;
 }

 .footer-widget ul li {
     display: inline-block;
     float: left;
     width: 100%;
     margin-bottom: 12px;
 }

 .footer-widget ul li a:hover {
     color: #fec602;
 }

 .footer-widget ul li a {
     color: #878787;
     /* text-transform: capitalize; */
 }

 .subscribe-form {
     position: relative;
     overflow: hidden;
 }

 .subscribe-form input {
     width: 100%;
     padding: 14px 28px;
     background: #2e2e2e;
     border: 1px solid #2e2e2e;
     color: #fff;
 }

 .subscribe-form button {
     position: absolute;
     right: 0;
     background: #fec602;
     padding: 13px 20px;
     border: 1px solid #fec602;
     top: 0;
 }

 .subscribe-form button i {
     color: #fff;
     font-size: 22px;
     transform: rotate(-6deg);
 }

 .copyright-area {
     background: #202020;
     padding: 25px 0;
 }

 .copyright-text p {
     margin: 0;
     font-size: 14px;
     color: #878787;
 }

 .copyright-text p a {
     color: #ff5e14;
 }

 .footer-menu li {
     display: inline-block;
     margin-left: 20px;
 }

 .footer-menu li:hover a {
     color: #fec602;
 }

 .footer-menu li a {
     font-size: 14px;
     color: #878787;
 }

 .cust_footer a {
     color: #ffa726;
 }

 .cust_footer {
     color: #fff;
 }

 .cta-text span a {
     color: #fff;
 }

 .cta-text span {
     color: #fff;
 }

 .footer-widget ul li a {
     color: #fff;
 }

 .footer-widget {
     padding: 20px;
 }

 /* end footer 2  */


 .bullet-list {
     list-style-type: disc;
     padding-left: 20px;
     margin: 0;

 }

 .bullet-list li {
     margin-bottom: 5px;
     float: left;
     width: 100%;
 }

 .equipments-box img {
     width: 300px;
     height: auto;
 }

 .equipments h6 {
     text-align: center;
 }

 .about_list ul li {
     color: #000000;
 }


 /* start home cranes slider 1 */

 /* Section background */
 .clientele-section {
     background: #f8f9fa;
 }

 /* Swiper slide card */
 .equipments {
     text-align: center;
 }

 /* Card box */
 .equipments-box {
     height: 220px;
     background: #ffffff;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     padding: 15px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
 }


 .brands-box {
     height: 100px;
     background: #ffffff;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     padding: 15px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
 }

 /* Image fix */
 .equipments-box img {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
     transition: transform 0.4s ease;
 }

 /* Hover effect */
 .equipments:hover .equipments-box {
     transform: translateY(-8px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
 }

 .equipments:hover img {
     transform: scale(1.08);
 }

 /* Title text */
 .equipments h6 {
     margin-top: 12px;
     font-size: 15px;
     font-weight: 600;
     color: #222;
     line-height: 1.4;
 }

 /* Section title styling (optional enhancement) */
 .section-title .title {
     font-size: 28px;
     font-weight: 700;
     color: #111;
     /* margin-bottom: 40px; */
 }

 /* Responsive tweaks */
 @media (max-width: 768px) {
     .equipments-box {
         height: 180px;
     }

     .equipments h6 {
         font-size: 14px;
     }
 }



 .title-header .title {
     position: relative;
     display: inline-block;
     padding-bottom: 15px;
 }

 .title-header .title::after {
     content: "";
     position: absolute;
     left: 50%;
     bottom: 0;
     transform: translateX(-50%);
     width: 80px;
     height: 3px;
     background-color: #fec602;
     border-radius: 2px;
 }

 .about_us_home .title h2 {
     text-align: left;
 }


 /* end home cranes slider 1 */
 /* start contact form */
 .contact_form_card {
     background: linear-gradient(135deg, #141414, #2f2f30);
     border-radius: 20px;
     color: #ffffff;
     position: relative;
     overflow: hidden;
     box-shadow: 0 20px 45px rgba(13, 110, 253, 0.35);
 }

 /* Decorative glow */
 .contact_form_card::before {
     content: "";
     position: absolute;
     top: -80px;
     right: -80px;
     width: 220px;
     height: 220px;
     background: rgba(255, 255, 255, 0.12);
     border-radius: 50%;
 }

 .contact_form_card::after {
     content: "";
     position: absolute;
     bottom: -100px;
     left: -100px;
     width: 260px;
     height: 260px;
     background: rgba(255, 255, 255, 0.08);
     border-radius: 50%;
 }

 /* Content stays above decoration */
 .contact_form_card>* {
     position: relative;
     z-index: 1;
 }

 /* Heading */
 .contact_form_card h1,
 .contact_form_card h3 {
     font-weight: 700;
     letter-spacing: 0.5px;
     margin-bottom: 12px;
 }

 /* Description */
 .contact_form_card p small {
     font-size: 15px;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.9);
 }

 /* Bullet List */
 .bullet-list {
     list-style: none;
     padding-left: 0;
     margin-top: 20px;
 }

 .bullet-list li {
     position: relative;
     padding-left: 26px;
     margin-bottom: 10px;
     font-size: 15px;
     color: #ffffff;
 }

 /* Custom bullet */
 .bullet-list li::before {
     content: "✔";
     position: absolute;
     left: 0;
     top: 0;
     color: #ffc107;
     font-weight: bold;
 }

 /* Responsive */
 @media (max-width: 768px) {
     .contact_form_card {
         border-radius: 15px;
         padding: 30px 20px;
     }
     
      .swiper-slide img {
        width: 100%;
        height: 100%;
    }
 }

 /* end contact form */


 .why_choose .title {
     color: #fff !important;
 }

 .two-column-list {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 8px 20px;
 }


/* start banner  */
.banner-slider {
  width: 100%;
  overflow: hidden;
}

.bannerSwiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: 100%;
  height: 100vh; /* full screen banner */
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain; 
}

/* .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
} */
/* end banner  */

 /* start responsive media */

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

     .about-section .btn-box a {
         padding: 15px 21px;
     }

     .btn-style-one {
         font-size: 10px;
     }

     .banner-img {
         height: 21vh !important;
     }

     .swiper-button-next,
     .swiper-button-prev {
         display: none !important;
     }

     .banner-slider {
         width: 100%;
         height: 23vh;
     }

     .about_us_home {
         margin-top: 25px;
     }
     
      .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }   

    
 }


@media (min-width: 1600px) {
  .contact-box {
    display: flex;
    align-items: flex-start;
    gap: 15px;
  }

  .contact-info {
    display: flex;
    flex-direction: column;
  }

  .contact-title {
    display: block;   
    font-weight: 600;
    margin-bottom: 4px;
  }

  .contact-numbers {
    display: block;
    white-space: nowrap; 
  }
}




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

     .about-section {
         margin-top: 20px;
     }

     .banner-img {
         width: 100%;
         height: 80vh;
         object-fit: cover;
     }

 }

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

     .about-section {
         padding: 60px 0 70px;

     }

     .banner-img {
         width: 100%;
         height: 83vh;
         object-fit: cover;
     }
 }

 /* end responsive media */