:root {
  --color-primary: #076698;
  --color-accent: #ee911b;
  --color-dark: #0f172a;
  --color-muted: #64748b;
  --color-light: #f8fafc;
  --color-border: #e2e8f0;
  --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.1);
  --shadow-premium: 0 28px 70px rgba(7, 102, 152, 0.16);
}
#preloader {
 position:fixed;
 left:0;
 top:0;
 z-index:999999;
 width:100%;
 height:100%;
 overflow:visible;
 background:#fff;
 display:table;
 text-align:center
}
.loader {
 display:table-cell;
 vertical-align:middle;
 position:relative;
 width:200px;
 height:200px
}
.loader-icon {
 width:80px;
 height:80px;
 border:5px solid var(--color-primary);
 border-right-color:#eee;
 border-radius:50%;
 position:relative;
 animation:loader-rotate 1s linear infinite;
 margin:0 auto
}
@keyframes loader-rotate {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
a:hover,
a:active {
 color:var(--color-primary);
 text-decoration:none
}
.bg-primary {
 background:var(--color-primary) !important
}
.theme-overlay[data-overlay-dark]:before {
 background:var(--color-primary)
}
.text-primary {
 color:var(--color-primary) !important
}
a.text-primary:focus,
a.text-primary:hover,
a.text-primary:active {
 color:var(--color-primary) !important
}
.text-theme-color {
 color:var(--color-primary)
}
.cursor-pointer {
 cursor:pointer
}
.word-break {
 word-break:break-word
}
.scroll-to-top {
 font-size:20px;
 text-align:center;
 color:#fff;
 text-decoration:none;
 position:fixed;
 bottom:20px;
 right:20px;
 display:none;
 border-radius:50%;
 background:var(--color-primary);
 border:1px solid var(--color-primary);
 width:35px;
 height:35px;
 line-height:30px;
 z-index:9999;
 outline:0;
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 -o-transition:all 0.3s ease
}
.scroll-to-top i {
 color:#fff
}
.scroll-to-top:hover {
 color:#232323;
 background:#fff
}
.scroll-to-top:hover i {
 color:#232323
}
.scroll-to-top:visited {
 color:#232323;
 text-decoration:none
}
.butn {
 display:inline-block;
 font-size:16px;
 padding:13px 25px;
 background:var(--color-primary);
 border:2px solid var(--color-primary);
 border-radius:0.25rem;
 color:#fff;
 line-height:1;
 cursor:pointer;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out
}
.butn:hover,
.butn:active {
 color:var(--color-primary);
 background-color:#ffffff;
 border-color:#ffffff
}
.butn.theme {
 background:var(--color-primary);
 border:1px solid var(--color-primary);
 color:#fff
}
.butn.theme:hover,
.butn.theme:active {
 background:#2b303b;
 color:#ffffff;
 border-color:#2b303b
}
.butn.border {
 padding:16px 25px;
 border:1px solid #ffffff;
 color:#ffffff
}
.butn.border:hover {
 color:var(--color-primary);
 background-color:#ffffff;
 border-color:#ffffff
}
.butn.white:active {
 color:var(--color-primary);
 background-color:#ffffff;
 border-color:#ffffff
}
.butn.sm {
 padding:10px 20px;
 font-size:14px
}
@media screen and (max-width: 767px) {
 .butn {
  font-size:14px;
  padding:12px 18px
 }
 .butn.sm {
  padding:9px 18px;
  font-size:13px
 }
}
.navbar-nav li.current>a,
.navbar-nav li.active>a {
 color:var(--color-primary)
}
.navbar>ul>li.current>a:after {
 border-color:transparent var(--color-primary) var(--color-primary) transparent
}
.menu_area-light .navbar-nav li.current>a,
.menu_area-light .navbar-nav li.active>a {
 color:var(--color-primary)
}
.menu_area-light .navbar ul ul li.active>a,
.menu_area-light .navbar-nav li.has-sub a:hover {
 color:var(--color-primary)
}
.menu_area-light .navbar>ul>li.has-sub>a:hover:after,
.menu_area-light .navbar>ul>li.current>a:after {
 border-color:transparent var(--color-primary) var(--color-primary) transparent
}
.menu_area-light.scrollHeader .navbar-nav li.current>a {
 color:var(--color-primary)
}
.menu_area-light.scrollHeader .navbar-nav li.current>a:hover {
 color:var(--color-primary)
}
.menu_area-light.scrollHeader .navbar-nav li.active>a {
 color:var(--color-primary)
}
.menu_area-light.scrollHeader .navbar>ul>li.current>a:after {
 border-color:transparent var(--color-primary) var(--color-primary) transparent
}
@media screen and (min-width: 992px) {
 .header-style1 .navbar-nav li.current>a,
 .menu_area-light .navbar-nav li.current>a {
  color:var(--color-primary)
 }
 .header-style1 .navbar>ul>li.current>a:after,
 .menu_area-light .navbar>ul>li.current>a:after {
  border-color:transparent var(--color-primary) var(--color-primary) transparent
 }
 .header-style1.scrollHeader .navbar-nav li.current>a,
 .menu_area-light.scrollHeader .navbar-nav li.current>a,
 .header-style1.scrollHeader .navbar-nav li.current>a:hover,
 .menu_area-light.scrollHeader .navbar-nav li.current>a:hover {
  color:var(--color-primary)
 }
 .header-style1.scrollHeader .navbar>ul>li.current>a:after,
 .menu_area-light.scrollHeader .navbar>ul>li.current>a:after {
  border-color:transparent var(--color-primary) var(--color-primary) transparent
 }
}
.section-heading {
 margin-bottom:50px;
 text-align:center;
 position:relative
}
.section-heading h2 {
 position:relative;
 padding-bottom:15px;
 margin-bottom:20px
}
.section-heading h2:before {
 content:"";
 position:absolute;
 left:0;
 right:0;
 width:80px;
 height:1px;
 background:var(--color-primary);
 bottom:1px;
 margin:0 auto
}
.section-heading h2:after {
 content:"";
 position:absolute;
 left:0;
 right:0;
 width:40px;
 height:3px;
 background:var(--color-primary);
 bottom:0px;
 margin:0 auto
}
.section-heading.white h1,
.section-heading.white h2,
.section-heading.white h3,
.section-heading.white h4,
.section-heading.white h5,
.section-heading.white h6,
.section-heading.white p {
 color:#fff
}
.section-heading.white h2:before,
.section-heading.white h2:after {
 background:#fff
}
@media screen and (max-width: 991px) {
 .section-heading {
  margin-bottom:40px
 }
}
@media screen and (max-width: 767px) {
 .section-heading {
  margin-bottom:30px
 }
}
.what-we-offer-wrapper {
 position:relative;
 overflow:hidden
}
.overlay-bg {
 position:absolute;
 left:0;
 bottom:-100%;
 width:100%;
 height:100%;
 z-index:1;
 opacity:0;
 background:#000;
 transition:all 0.5s linear;
 border-radius:0.25rem
}
.what-we-offer-content {
 position:absolute;
 left:0%;
 padding:30px;
 bottom:-100%;
 opacity:1;
 width:100%;
 z-index:2;
 opacity:0;
 transition:all 0.5s linear
}
.what-we-offer-wrapper:hover .what-we-offer-content {
 opacity:1;
 bottom:0
}
.what-we-offer-wrapper:hover .overlay-bg {
 opacity:0.6;
 bottom:0
}
@media screen and (max-width: 991px) {
 .what-we-offer-content {
  padding:25px
 }
}
.card.card-style1 {
 padding:30px;
 z-index:11;
 overflow:hidden;
 background-color:#fff;
 border-radius:0;
 border:1px solid rgba(0,0,0,0.09);
 height:100%
}
.card.card-style1:hover .image-wrapper {
 opacity:1;
 transform:translateY(0)
}
.card.card-style1 .image-wrapper {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 padding:0;
 opacity:0;
 z-index:2;
 overflow:hidden;
 transition:transform 0.9s;
 transform:translateY(100%)
}
.card.card-style1 .image-wrapper:before {
 position:absolute;
 content:"";
 width:100%;
 height:100%;
 left:0%;
 bottom:-100%;
 z-index:3;
 opacity:.82;
 transform-origin:center top 0;
 transition:all .4s ease 0s
}
.card.card-style1:hover .service-icon-wrapper {
 opacity:1;
 transform:translateY(0);
 width:85%;
 height:auto;
 bottom:0;
 top:auto;
 left:auto;
 right:0;
 z-index:3;
 transition-delay:.1s
}
.card.card-style1 .service-icon-wrapper {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 opacity:0;
 z-index:3;
 overflow:hidden;
 transition:transform 0.6s;
 transform:translateY(100%);
 display:flex;
 align-items:center;
 background-color:#fff
}
.card.card-style1 .service-icon {
 margin-bottom:0;
 color:#ffffff;
 background-color:var(--color-primary);
 display:inline-block;
 vertical-align:middle;
 text-align:center;
 border:1px solid transparent;
 position:relative;
 height:75px;
 width:75px;
 transition:all .4s ease-in-out;
 box-sizing:content-box;
 position:relative
}
.card.card-style1 .service-icon i {
 display:inline-block;
 vertical-align:middle;
 position:absolute;
 top:50%;
 font-size:36px;
 left:50%;
 transform:translate(-50%, -40%)
}
.card.card-style1 .service-content i {
 text-align:left;
 font-size:40px;
 color:var(--color-primary);
 margin-bottom:20px
}
.card.card-style1 .link-btn {
 position:relative;
 vertical-align:middle;
 font-size:14px;
 font-weight:700;
 color:#2b303b;
 text-transform:uppercase;
 overflow:hidden;
 z-index:1
}
.card.card-style1 .link-btn i {
 display:inline-block;
 font-size:12px;
 line-height:11px;
 margin-right:35px;
 vertical-align:middle
}
.card.card-style1 .link-btn i:before {
 position:absolute;
 content:"";
 height:2px;
 width:20px;
 color:#2b303b;
 background:currentColor;
 left:0;
 top:44%
}
@media screen and (max-width: 1199px) {
 .card.card-style1 .service-icon {
  width:65px;
  height:65px
 }
 .card.card-style1 .service-icon i {
  font-size:30px
 }
 .card.card-style1 .service-content i {
  font-size:36px
 }
}
@media screen and (max-width: 991px) {
 .card.card-style1 {
  padding:25px
 }
 .card.card-style1 .service-icon {
  width:55px;
  height:55px
 }
 .card.card-style1 .service-icon i {
  font-size:26px
 }
 .card.card-style1 .service-content i {
  font-size:32px
 }
}
.process-wrapper {
 text-align:center;
 overflow:visible;
 position:relative
}
.process-wrapper .process-image {
 margin-bottom:40px;
 padding-top:0;
 position:relative;
 overflow:visible;
 display:inline-block;
 max-width:180px
}
.process-wrapper .process-image.last:before {
 content:none
}
.process-wrapper .process-image:before {
 display:block;
 content:'';
 position:absolute;
 right:-90px;
 top:90px;
 height:22px;
 width:65px;
 background-image:url(../img/content/process-arrow.png);
 background-repeat:no-repeat
}
.process-wrapper .process-image img {
 border-radius:50%;
 padding:9px;
 position:relative;
 transition:all .3s ease-in-out
}
.process-wrapper .process-image:after {
 position:absolute;
 content:"";
 height:100%;
 top:0;
 text-align:center;
 left:0;
 border-radius:50%;
 width:100%;
 border:3px dashed #e7eaee;
 transition:all .3s ease-in-out
}
.process-wrapper .process-num {
 margin-right:5px;
 font-size:17px;
 font-weight:400;
 background-color:var(--color-primary);
 color:#fff;
 width:40px;
 height:40px;
 line-height:40px;
 border-radius:50%;
 border:none;
 display:block;
 text-align:center;
 position:absolute;
 bottom:-16px;
 z-index:10;
 transition:all .2s ease-in-out;
 margin:0 auto;
 left:50%;
 margin-left:-18px
}
.process-wrapper .process-num:before {
 counter-increment:process-wrapper;
 content:counters(process-wrapper,"") " "
}
.process-order {
 counter-reset:process-wrapper
}
.process-wrapper:hover .process-image:after {
 border-color:var(--color-primary)
}
@media screen and (max-width: 1199px) {
 .process-wrapper .process-image {
  margin-bottom:30px;
  max-width:160px
 }
 .process-wrapper .process-image:before {
  width:75px
 }
 .process-wrapper .process-num {
  width:35px;
  height:35px;
  line-height:36px;
  bottom:-13px;
  font-size:16px
 }
}
@media screen and (max-width: 991px) {
 .process-wrapper .process-image {
  max-width:150px
 }
 .process-wrapper .process-image:before {
  display:none
 }
 .process-wrapper .process-num {
  width:30px;
  height:30px;
  line-height:30px;
  bottom:-10px;
  font-size:15px
 }
}
@media screen and (max-width: 767px) {
 .process-wrapper .process-image {
  margin-bottom:25px;
  max-width:140px
 }
 .process-wrapper .process-num {
  font-size:14px
 }
}
@media screen and (max-width: 575px) {
 .process-wrapper .process-image {
  margin-bottom:20px;
  max-width:130px
 }
}
.owl-theme .owl-nav.disabled {
 margin-top:40px !important
}
.owl-theme .owl-dots {
 margin-top:40px !important
}
.owl-theme .owl-dots .owl-dot span {
 background:rgba(0,0,0,0.15)
}
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
 background:var(--color-primary)
}
.owl-carousel .owl-item img {
 display:inline-block;
 width:auto
}
.dots-white.owl-theme .owl-dots .owl-dot span {
 background:rgba(255,255,255,0.5)
}
.dots-white.owl-theme .owl-dots .owl-dot:hover span,
.dots-white.owl-theme .owl-dots .owl-dot.active span {
 background:#fff
}
.slider-fade1 .owl-item {
 height:100vh;
 position:relative
}
.slider-fade1 .text-center h1 {
 margin-left:auto;
 margin-right:auto
}
.slider-fade1 .text-right h1 {
 margin-right:0;
 margin-left:auto
}
.slider-fade1 .item {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background-size:cover;
 background-position:center center
}
.slider-fade1 .item .caption {
 width:100%;
 z-index:9
}
.slider-fade1 .owl-carousel .caption .overflow-hidden {
 display:inline-block
}
.slider-fade1 .owl-carousel .caption h3 {
 font-weight:500;
 animation-delay:0.5s;
 display:inline-block;
 position:relative;
 color:var(--color-primary)
}
.slider-fade1 .owl-carousel .caption h1 {
 animation-delay:0.8s;
 font-size:4rem
}
.slider-fade1 .owl-carousel .caption p {
 color:#eee;
 word-spacing:2px;
 animation-delay:1.2s;
 margin-bottom:30px
}
.slider-fade1 .owl-carousel .caption span {
 display:inline-block
}
.slider-fade1 .owl-carousel .caption .butn {
 animation-delay:1.4s
}
.slider-fade1 .owl-theme .owl-dots {
 position:absolute;
 bottom:10vh;
 width:100%;
 left:0
}
.slider-fade1 .owl-theme .owl-dots .owl-dot span {
 background:#ffffff
}
.slider-fade1 .owl-theme .owl-dots .owl-dot:hover span,
.slider-fade1 .owl-theme .owl-dots .owl-dot.active span {
 background:var(--color-primary)
}
.slider-fade1 .owl-theme .owl-nav {
 margin-top:0
}
.slider-fade1 .owl-theme .owl-nav [class*='owl-'] {
 position:absolute;
 right:inherit;
 top:0;
 bottom:0;
 width:60px;
 height:60px;
 border:none;
 background:rgba(255,255,255,0.5);
 border-radius:60px;
 line-height:65px;
 transition-duration:500ms;
 left:5vh;
 text-align:center;
 margin:auto;
 opacity:0.3
}
.slider-fade1 .owl-theme .owl-nav .owl-next {
 top:0;
 bottom:0;
 left:inherit;
 right:5vh
}
.slider-fade1 .owl-theme .owl-nav .owl-next:hover {
 opacity:1;
 background:var(--color-primary)
}
.slider-fade1 .owl-theme .owl-nav .owl-prev:hover {
 opacity:1;
 background:var(--color-primary)
}
.slider-fade1 .owl-nav i,
.slider-fade1 .owl-nav span {
 font-weight:600;
 color:#fff;
 transition-duration:500ms;
 font-size:20px
}
.slider-fade1 .owl-nav .owl-next:hover i,
.slider-fade1 .owl-nav .owl-prev:hover i {
 color:#fff
}
@media screen and (max-width: 1199px) {
 .slider-fade1 .owl-carousel .caption h1 {
  font-size:3.5rem
 }
}
@media screen and (max-width: 991px) {
 .slider-fade1 .owl-carousel .caption h1 {
  font-size:3rem
 }
}
@media screen and (max-width: 767px) {
 .slider-fade1 .owl-carousel .caption h1 {
  font-size:2.6rem
 }
 .slider-fade1 .owl-carousel .caption h3 {
  font-size:1rem
 }
}
@media screen and (max-width: 575px) {
 .slider-fade1 .owl-carousel .caption h1 {
  font-size:2rem
 }
}
@media screen and (max-width: 479px) {
 .slider-fade1 .owl-carousel .caption h1 {
  font-size:1.8rem
 }
}
.info-box {
 position:relative;
 margin-top:-50px;
 padding:0;
 z-index:9;
 background:transparent
}
.info-wrapper {
 text-align:center;
 background-color:#ffffff;
 box-shadow:0 2px 8px rgba(0,0,0,0.08);
 padding:30px;
 transition:all 0.5s;
 height:100%
}
.info-wrapper.last {
 border-right:none
}
.info-link i {
 background:rgba(0,99,221,0.25);
 width:40px;
 height:40px;
 line-height:40px;
 font-size:16px;
 border-radius:50%;
 color:var(--color-primary);
 display:inline-block;
 text-align:center;
 transition:all 0.5s;
 position:relative
}
.info-link i:hover {
 background:var(--color-primary);
 color:#ffffff
}
@media screen and (max-width: 1199px) {
 .info-link i {
  width:35px;
  height:35px;
  line-height:35px;
  font-size:14px
 }
}
.form-control:focus {
 border-color:var(--color-primary)
}
.quform-input {
 position:relative
}
.quform-input .quform-errors-wrap {
 position:absolute;
 right:8px;
 top:0;
 line-height:normal;
 z-index:1
}
.quform-element>label {
 font-weight:normal;
 padding-bottom:5px;
 margin-bottom:0;
 color:#6a747b;
 font-size:14px
}
.quform-element>label .quform-required {
 color:#cc0101;
 font-size:10px
}
.quform-inner input {
 width:100%
}
.quform-elements .quform-element textarea {
 margin-bottom:0;
 padding:8px 15px;
 vertical-align:top
}
.quform-elements .quform-element select {
 margin-bottom:0;
 padding:8px 15px
}
.quform-errors {
 padding:0;
 margin:0;
 line-height:normal
}
.quform-errors>.quform-error {
 padding:0;
 background:none;
 border:none;
 float:none;
 color:#f5543f;
 font-size:11px;
 line-height:normal;
 letter-spacing:normal
}
.quform-outer-no-js .quform-error {
 padding:0;
 background:none;
 border:none;
 float:none;
 color:#f5543f;
 font-size:11px;
 line-height:normal;
 letter-spacing:normal
}
.quform-outer-no-js .quform-success-message {
 padding:0.75rem 1.25rem 0.75rem 3rem
}
.quform-has-error input,
.quform-has-error textarea,
.quform-has-error select,
.quform-has-error input[type=file],
.quform-has-error .custom-file-label {
 border-color:#f5543f
}
.quform-success-message {
 padding:0.75rem 1.25rem 0.75rem 3rem
}
.quform-submit-inner {
 float:none
}
.quform-loading-wrap {
 float:none
}
.quform-loading-wrap .quform-loading {
 display:inline-block
}
.light-validation .quform-errors>.quform-error {
 color:#fff
}
.newsletter-form .quform-elements {
 position:relative
}
.newsletter-form .quform-submit-inner {
 position:absolute;
 right:16px;
 top:-49px;
 width:auto;
 background:#f5f5f5;
 height:48px;
 border-left:1px solid rgba(0,0,0,0.05);
 -webkit-border-top-right-radius:0.25em;
 -webkit-border-bottom-right-radius:0.25em;
 -moz-border-radius-topright:0.25em;
 -moz-border-radius-bottomright:0.25em;
 border-top-right-radius:0.25em;
 border-bottom-right-radius:0.25em
}
.newsletter-form .quform-loading-wrap {
 margin-top:15px;
 margin-bottom:0;
 margin-left:0
}
.newsletter-form input {
 border:1px solid rgba(0,0,0,0.1);
 height:50px;
 padding:0.5rem 4rem 0.5rem 1rem
}
.newsletter-form .quform-has-error input,
.newsletter-form .quform-has-error textarea,
.newsletter-form .quform-has-error select {
 border-color:#f5543f
}
.newsletter-form .quform-input .quform-errors-wrap {
 right:15px
}
.newsletter-form i {
 font-size:1.2rem;
 line-height:2rem
}
footer {
 background:#282b2d
}
.footer-bar {
 padding-top:20px;
 padding-bottom:20px;
 text-align:center
}
.footer-title {
 display:block;
 margin-bottom:30px;
 position:relative;
 color:#ffffff;
 font-size:20px;
 font-weight:700;
 text-transform:capitalize
}
@media screen and (max-width: 991px) {
 .footer-title {
  margin-bottom:25px
 }
}
@media screen and (max-width: 767px) {
 .footer-title {
  font-size:18px
 }
}
.footer-social-icon {
 margin-bottom:0;
 list-style:none
}
.footer-social-icon li {
 text-align:center;
 margin-right:5px;
 display:inline-block
}
.footer-social-icon li a {
 color:#fff;
 height:45px;
 width:45px;
 line-height:45px;
 display:inline-block;
 font-size:15px;
 background:rgba(255,255,255,0.1)
}
.footer-social-icon li a:hover {
 color:#c1c1c1;
 background-color:#323232
}
@media screen and (max-width: 767px) {
 .footer-social-icon li a {
  height:40px;
  width:40px;
  line-height:40px;
  font-size:13px
 }
}
.footer-list {
 margin:0
}
.footer-list li {
 list-style-type:none;
 color:#fff;
 padding:10px 0;
 border-bottom:1px dashed rgba(255,255,255,0.11)
}
.footer-list li a {
 font-size:16px;
 font-weight:400;
 color:rgba(255,255,255,0.85)
}
.footer-list li a:before {
 content:'\f105';
 font-weight:700;
 font-family:Font Awesome\ 5 Free;
 color:#ffffff;
 padding-right:10px;
 transition-duration:.3s;
 vertical-align:middle;
 margin-top:-3px;
 display:inline-block
}
.footer-list li a:hover {
 color:var(--color-primary)
}
.footer-list li a:hover:before {
 color:var(--color-primary)
}
@media screen and (max-width: 767px) {
 .footer-list li a {
  font-size:15px
 }
}
.footer-icon {
 background-color:var(--color-primary);
 height:70px;
 width:70px;
 border-radius:50%;
 position:relative;
 margin-right:20px
}
.footer-icon i {
 display:inline-block;
 vertical-align:middle;
 position:absolute;
 top:50%;
 left:50%;
 font-size:28px;
 color:#ffffff;
 transform:translate(-50%, -50%)
}
@media screen and (max-width: 991px) {
 .footer-icon {
  height:65px;
  width:65px;
  line-height:65px;
  margin-right:15px
 }
 .footer-icon i {
  font-size:26px
 }
}
@media screen and (max-width: 767px) {
 .footer-icon {
  height:60px;
  width:60px;
  line-height:60px
 }
 .footer-icon i {
  font-size:24px
 }
}
@media screen and (max-width: 575px) {
 .footer-icon {
  height:55px;
  width:55px;
  line-height:55px
 }
 .footer-icon i {
  font-size:20px
 }
 .footer-social-icon li a {
  height:35px;
  width:35px;
  line-height:35px;
  font-size:13px
 }
}
.quform-input .bi-whatsapp {
  position: absolute;
  right: 5px;
  top: 9px;
}
.navbar-brand img {
  max-height: 48px;
  /* background-color: rgba(255,255,255,.2); */
}
@media screen and (min-width: 992px) {
  .scrollHeader .navbar-brand img {
    max-height: 45px;
    transition-duration: 0.5s;
  }
}

/* Premium one-page redesign overrides */
html {
 scroll-behavior:smooth
}
body {
 color:var(--color-dark);
 background:#ffffff;
 font-family:"Poppins", Arial, sans-serif;
 -webkit-font-smoothing:antialiased;
 text-rendering:optimizeLegibility
}
p {
 color:var(--color-muted);
 line-height:1.78
}
a {
 color:var(--color-primary)
}
a:hover,
a:active {
 color:var(--color-accent)
}
section {
 position:relative;
 padding:105px 0
}
.bg-primary {
 background:linear-gradient(135deg, var(--color-primary) 0%, #084e73 100%) !important
}
.bg-light {
 background:linear-gradient(180deg, #f8fafc 0%, #eef6fb 100%) !important
}
.text-theme-color,
.text-primary {
 color:var(--color-primary) !important
}
.loader-icon {
 border-color:var(--color-accent);
 border-right-color:#e2e8f0
}
.navbar-default {
 background:rgba(7, 102, 152, 0.08);
 border-bottom:1px solid rgba(255,255,255,0.22);
 backdrop-filter:blur(18px);
 box-shadow:none
}
.navbar-header-custom {
 padding:16px 0
}
.navbar-brand img {
 max-height:56px;
 filter:drop-shadow(0 10px 18px rgba(15, 23, 42, 0.16))
}
.navbar-nav>li {
 margin-left:18px
}
.navbar-nav>li>a,
.menu_area-light .navbar-nav>li>a {
 color:#ffffff;
 font-size:13px;
 font-weight:700;
 letter-spacing:0;
 padding:28px 0.25rem;
 text-transform:uppercase
}
.navbar-nav>li>a:before {
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:20px;
 width:0;
 height:2px;
 margin:auto;
 background:var(--color-accent);
 transition:width .25s ease
}
.navbar-nav>li>a:hover:before,
.navbar-nav li.current>a:before,
.navbar-nav li.active>a:before {
 width:100%
}
.menu_area-light .navbar-nav li.current>a,
.menu_area-light .navbar-nav li.active>a,
.menu_area-light .navbar-nav li.has-sub a:hover {
 color:var(--color-accent)
}
header.scrollHeader .navbar-default {
 background:linear-gradient(135deg, rgba(7, 24, 39, .7) 0%, #0f2a3d 48%, #063c5d 100%) !important;
 border-bottom:1px solid rgba(255,255,255,0.12);
 box-shadow:0 18px 45px rgba(7, 24, 39, 0.24)
}
.header-style1.scrollHeader .navbar-nav>li>a,
.menu_area-light.scrollHeader .navbar-nav>li>a {
 color:rgba(255,255,255,0.9)
}
.header-style1.scrollHeader .navbar-nav li.current>a,
.menu_area-light.scrollHeader .navbar-nav li.current>a,
.header-style1.scrollHeader .navbar-nav li.current>a:hover,
.menu_area-light.scrollHeader .navbar-nav li.current>a:hover {
 color:var(--color-accent)
}
.header-style1.scrollHeader .navbar-nav>li>a:hover,
.menu_area-light.scrollHeader .navbar-nav>li>a:hover,
.header-style1.scrollHeader .navbar-nav li.active>a,
.menu_area-light.scrollHeader .navbar-nav li.active>a {
 color:#ffffff
}
.top-position {
 margin-top:-88px
}
.slider-fade1 .owl-item {
 min-height:760px
}
.slider-fade1 .item {
 isolation:isolate
}
[data-overlay-dark]:before {
 background:linear-gradient(90deg, rgba(5, 21, 35, 0.86) 0%, rgba(7, 102, 152, 0.58) 48%, rgba(238, 145, 27, 0.34) 100%)
}
.slider-fade1 .item:after {
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 pointer-events:none;
 background:linear-gradient(180deg, rgba(15, 23, 42, 0.12), rgba(15, 23, 42, 0.42))
}
.slider-fade1 .item .caption {
 position:relative;
 z-index:2;
 /* padding-top:88px */
}
.slider-fade1 .owl-carousel .caption .overflow-hidden {
 max-width:760px;
 overflow:visible !important
}
.slider-fade1 .text-center .caption .overflow-hidden {
 margin-left:auto;
 margin-right:auto
}
.slider-fade1 .text-right .caption .overflow-hidden {
 margin-left:auto
}
.hero-eyebrow {
 display:inline-flex !important;
 align-items:center;
 width:auto;
 border:1px solid rgba(255,255,255,0.24);
 border-radius:999px;
 background:rgba(7, 102, 152, 0.72) !important;
 box-shadow:0 12px 32px rgba(15, 23, 42, 0.2);
 font-size:12px !important;
 font-weight:700 !important;
 letter-spacing:0;
 text-transform:uppercase
}
.hero-eyebrow:before {
 content:"";
 display:inline-block;
 width:8px;
 height:8px;
 margin-right:10px;
 border-radius:50%;
 background:var(--color-accent);
 box-shadow:0 0 0 5px rgba(238, 145, 27, 0.18)
}
.slider-fade1 .owl-carousel .caption h1 {
 max-width:780px;
 font-size:clamp(2.7rem, 5vw, 5.8rem);
 font-weight:800;
 line-height:0.98;
 letter-spacing:0;
 text-wrap:balance;
 text-shadow:0 20px 45px rgba(0,0,0,0.28)
}
.slider-fade1 .owl-carousel .caption p {
 max-width:650px;
 color:rgba(255,255,255,0.86);
 font-size:clamp(1rem, 1.5vw, 1.2rem);
 font-weight:400;
 line-height:1.75;
 word-spacing:0
}
.slider-fade1 .text-center .caption p {
 margin-left:auto;
 margin-right:auto
}
.slider-fade1 .text-right .caption p {
 margin-left:auto
}
.hero-proof {
 display:flex;
 flex-wrap:wrap;
 gap:10px
}
.hero-proof span {
 display:inline-flex;
 align-items:center;
 min-height:36px;
 padding:8px 14px;
 border:1px solid rgba(255,255,255,0.18);
 border-radius:999px;
 color:#ffffff;
 background:rgba(255,255,255,0.12);
 backdrop-filter:blur(10px);
 font-size:13px;
 font-weight:600
}
.butn,
.butn.theme {
 position:relative;
 overflow:hidden;
 border:0;
 border-radius:999px;
 background:linear-gradient(135deg, var(--color-accent), #f5aa42);
 box-shadow:0 14px 34px rgba(238, 145, 27, 0.28);
 color:#ffffff;
 font-weight:700;
 padding:15px 30px;
 line-height:1.1
}
.butn:hover,
.butn:active,
.butn.theme:hover,
.butn.theme:active {
 color:#ffffff;
 background:linear-gradient(135deg, var(--color-primary), #0a7eb9);
 border-color:transparent;
 box-shadow:0 16px 40px rgba(7, 102, 152, 0.28);
 transform:translateY(-2px)
}
.butn.sm {
 padding:11px 20px;
 font-size:13px
}
.scroll-to-top {
 width:44px;
 height:44px;
 line-height:40px;
 border:1px solid rgba(255,255,255,0.25);
 background:var(--color-primary);
 box-shadow:var(--shadow-soft)
}
.scroll-to-top:hover {
 background:var(--color-accent)
}
.section-heading {
 max-width:880px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:56px
}
.section-heading h2 {
 color:var(--color-dark);
 font-weight:800;
 letter-spacing:0;
 padding-bottom:22px;
 text-wrap:balance
}
.section-heading h2:before {
 width:112px;
 height:1px;
 background:rgba(7, 102, 152, 0.2)
}
.section-heading h2:after {
 width:52px;
 height:4px;
 border-radius:999px;
 background:linear-gradient(90deg, var(--color-accent), var(--color-primary))
}
.section-heading p {
 color:var(--color-muted);
 font-size:16px
}
.info-box {
 margin-top:-78px
}
.info-wrapper {
 position:relative;
 overflow:hidden;
 border:1px solid rgba(226, 232, 240, 0.95);
 border-radius:18px;
 box-shadow:var(--shadow-soft);
 padding:34px 26px;
 transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease
}
.info-wrapper:before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:4px;
 background:linear-gradient(90deg, var(--color-primary), var(--color-accent))
}
.info-wrapper:hover {
 transform:translateY(-8px);
 border-color:rgba(7, 102, 152, 0.16);
 box-shadow:var(--shadow-premium)
}
.info-wrapper svg,
.info-wrapper img {
 width:42px;
 height:42px;
 object-fit:contain;
 color:var(--color-primary)
}
.info-wrapper h3 {
 color:var(--color-dark);
 font-weight:800
}
.info-link i {
 background:rgba(238, 145, 27, 0.12);
 color:var(--color-accent)
}
.info-link i:hover {
 background:var(--color-accent);
 color:#ffffff
}
#commodities {
 background:#ffffff
}
.what-we-offer-wrapper {
 border-radius:20px;
 box-shadow:var(--shadow-soft);
 min-height:430px;
 background:#0f172a
}
.what-we-offer-wrapper img {
 width:100% !important;
 height:430px;
 object-fit:cover;
 border-radius:20px !important;
 transform:scale(1);
 transition:transform .6s ease, filter .6s ease
}
.what-we-offer-wrapper:hover img {
 transform:scale(1.06);
 filter:saturate(1.08)
}
.overlay-bg {
 bottom:0;
 opacity:1;
 border-radius:20px;
 background:linear-gradient(180deg, rgba(15, 23, 42, 0.05) 0%, rgba(15, 23, 42, 0.82) 100%)
}
.what-we-offer-content {
 bottom:0;
 opacity:1;
 padding:34px
}
.what-we-offer-content h4 {
 text-shadow:0 12px 28px rgba(0,0,0,0.28)
}
.what-we-offer-content p {
 color:rgba(255,255,255,0.82) !important
}
.owl-theme .owl-dots .owl-dot span {
 width:9px;
 height:9px;
 background:rgba(7, 102, 152, 0.2)
}
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
 width:28px;
 background:var(--color-accent)
}
#advisory {
 background:linear-gradient(180deg, #f8fafc 0%, #ffffff 100%)
}
.card.card-style1 {
 border:1px solid rgba(226, 232, 240, 0.95);
 border-radius:20px;
 box-shadow:0 14px 38px rgba(15, 23, 42, 0.08);
 padding:34px;
 transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease
}
.card.card-style1 .card-body {
  border-radius: 20px;
  background: rgba(255,255,255,.9);
}
.card.card-style1:hover {
 transform:translateY(-8px);
 border-color:rgba(7, 102, 152, 0.18);
 box-shadow:var(--shadow-premium)
}
.card.card-style1 .service-content svg,
.card.card-style1 .service-content i {
 width:48px;
 height:48px;
 color:var(--color-primary) !important;
 background:rgba(7, 102, 152, 0.08);
 border-radius:14px;
 padding:10px
}
.card.card-style1 .service-content h5 {
 color:var(--color-dark);
 font-weight:800
}
.card.card-style1 .service-content p {
 color:var(--color-muted)
}
.card.card-style1 .image-wrapper {
 border-radius:20px;
 transform:translateY(104%);
 transition:transform .55s ease, opacity .55s ease
}
.card.card-style1 .image-wrapper:before {
 bottom:0;
 background:linear-gradient(180deg, rgba(7, 102, 152, 0.3), rgba(15, 23, 42, 0.8))
}
.card.card-style1 .service-icon-wrapper {
 background:rgba(255,255,255,0.94);
 border-top-left-radius:22px;
 border-bottom-left-radius:22px;
 box-shadow:0 -18px 45px rgba(15, 23, 42, 0.16)
}
.card.card-style1 .service-icon {
 width:68px;
 height:68px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:18px;
 background:linear-gradient(135deg, var(--color-primary), var(--color-accent))
}
.card.card-style1 .service-icon svg {
 display:block;
 flex:0 0 auto;
 margin:auto
}
#quotation {
 background:#ffffff
}
#quotation .bg-primary {
 background:linear-gradient(135deg, #063c5d 0%, var(--color-primary) 52%, #0a7eb9 100%) !important
}
#quotation .bg-white {
 border:1px solid rgba(255,255,255,0.65) !important;
 border-radius:24px !important;
 box-shadow:0 30px 70px rgba(15, 23, 42, 0.18)
}
#quotation h3 {
 color:var(--color-dark);
 font-weight:800
}
.form-control {
 min-height:48px;
 border:1px solid var(--color-border);
 border-radius:12px;
 color:var(--color-dark);
 background:#ffffff;
 box-shadow:none;
 transition:border-color .2s ease, box-shadow .2s ease
}
.form-control:focus {
 border-color:var(--color-primary);
 box-shadow:0 0 0 4px rgba(7, 102, 152, 0.12)
}
.quform-elements .quform-element textarea,
.quform-elements .quform-element select {
 border-radius:12px
}
.quform-element>label {
 color:#334155;
 font-weight:600
}
.quform-input .bi-whatsapp {
 right:12px;
 top:12px;
 color:#25d366
}
.process-order {
 overflow:hidden
}
.process-order:before {
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 background-image:linear-gradient(rgba(7, 102, 152, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 102, 152, 0.05) 1px, transparent 1px);
 background-size:34px 34px
}
.process-wrapper {
 height:100%;
 padding:30px 24px;
 border:1px solid rgba(226, 232, 240, 0.9);
 border-radius:20px;
 background:rgba(255,255,255,0.82);
 box-shadow:0 14px 34px rgba(15, 23, 42, 0.06);
 transition:transform .3s ease, box-shadow .3s ease
}
.process-wrapper:hover {
 transform:translateY(-6px);
 box-shadow:var(--shadow-soft)
}
.process-wrapper .process-image {
 max-width:148px;
 margin-bottom:30px
}
.process-wrapper .process-image img {
 border-radius:28px;
 padding:0;
 box-shadow:0 16px 34px rgba(15, 23, 42, 0.15)
}
.process-wrapper .process-image:after {
 border:0
}
.process-wrapper .process-image:before {
 opacity:.45;
 filter:saturate(0.2)
}
.process-wrapper .process-num {
 background:var(--color-accent);
 box-shadow:0 10px 26px rgba(238, 145, 27, 0.32)
}
.process-wrapper h4 {
 color:var(--color-dark);
 font-weight:800
}
footer {
 background:linear-gradient(135deg, #071827 0%, #0f2a3d 48%, #063c5d 100%)
}
footer .border-color-light-white {
 border-color:rgba(255,255,255,0.12) !important
}
.footer-icon {
 border-radius:18px;
 background:linear-gradient(135deg, var(--color-primary), var(--color-accent));
 box-shadow:0 14px 34px rgba(0,0,0,0.18)
}
.footer-list li {
 border-bottom:1px solid rgba(255,255,255,0.1)
}
.footer-list li a:hover,
.footer-list li a:hover:before,
.footer-bar a {
 color:var(--color-accent)
}
.footer-bar {
 background:rgba(0,0,0,0.08)
}
@media screen and (min-width: 992px) {
 header.scrollHeader .navbar-default {
  position:fixed;
  top:0;
  left:0;
  width:100%
 }
 .scrollHeader .navbar-header-custom {
  padding:10px 0
 }
}
@media screen and (max-width: 1199px) {
 section {
  padding:90px 0
 }
 .slider-fade1 .owl-item {
  min-height:700px
 }
}
@media screen and (max-width: 991px) {
 section {
  padding:74px 0
 }
 .navbar-default,
 .header-style1 .navbar-default {
  background:rgba(7, 102, 152, 0.08);
  border-bottom:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(18px);
  box-shadow:none
 }
 .navbar-header-custom {
  padding:10px 0
 }
 .navbar-brand img {
  max-height:48px;
  filter:none
 }
 .navbar-toggler,
 .header-style1 .navbar-toggler {
  top:14px;
  width:46px;
  height:42px;
  border-radius:12px;
  background:var(--color-primary)
 }
 .navbar-toggler:after,
 .header-style1 .navbar-toggler:after {
  top:50%;
  left:50%;
  right:auto;
  width:20px;
  height:14px;
  border-top-color:#ffffff;
  border-bottom-color:#ffffff;
  transform:translate(-50%, -50%)
 }
 .navbar-toggler:before,
 .header-style1 .navbar-toggler:before {
  top:50%;
  left:50%;
  right:auto;
  width:20px;
  background:#ffffff;
  transform:translate(-50%, -50%)
 }
 .navbar-toggler.menu-opened:after,
 .header-style1 .navbar-toggler.menu-opened:after {
  top:50%;
  left:50%;
  right:auto;
  background:#ffffff;
  transform:translate(-50%, -50%) rotate(45deg)
 }
 .navbar-toggler.menu-opened:before,
 .header-style1 .navbar-toggler.menu-opened:before {
  top:50%;
  left:50%;
  right:auto;
  background:#ffffff;
  transform:translate(-50%, -50%) rotate(-45deg)
 }
 .navbar-nav {
  top:70px;
  border:1px solid rgba(226, 232, 240, 0.95);
  border-radius:18px;
  box-shadow:var(--shadow-soft);
  overflow:hidden
 }
 .navbar-nav>li>a,
 .menu_area-light .navbar-nav>li>a {
  color:var(--color-dark);
  padding:16px 22px
 }
 .navbar-nav>li>a:before {
  display:none
 }
 header.scrollHeader .navbar-default,
 .header-style1.scrollHeader .navbar-default {
  background:linear-gradient(135deg, rgba(7, 24, 39, .7) 0%, #0f2a3d 48%, #063c5d 100%) !important;
  border-bottom:1px solid rgba(255,255,255,0.12);
  box-shadow:0 18px 45px rgba(7, 24, 39, 0.24)
 }
 .header-style1.scrollHeader .navbar-toggler {
  background:var(--color-accent)
 }
 .header-style1.scrollHeader .navbar-nav,
 .menu_area-light.scrollHeader .navbar-nav {
  background:linear-gradient(135deg, rgba(7, 24, 39, .7) 0%, #0f2a3d 48%, #063c5d 100%);
  border-color:rgba(255,255,255,0.12)
 }
 .header-style1.scrollHeader .navbar-nav li,
 .menu_area-light.scrollHeader .navbar-nav li {
  border-top-color:rgba(255,255,255,0.1)
 }
 .header-style1.scrollHeader .navbar-nav>li>a,
 .menu_area-light.scrollHeader .navbar-nav>li>a {
  color:rgba(255,255,255,0.9)
 }
 .header-style1.scrollHeader .navbar-nav>li>a:hover,
 .menu_area-light.scrollHeader .navbar-nav>li>a:hover {
  color:var(--color-accent)
 }
 .top-position {
  margin-top:-70px
 }
 .slider-fade1 .item .caption {
  padding-top:70px
 }
 .info-box {
  margin-top:0;
  padding-top:35px
 }
 .process-wrapper .process-image:before {
  display:none
 }
}
@media screen and (max-width: 767px) {
 section {
  padding:62px 0
 }
 .slider-fade1 .owl-item {
  min-height:650px
 }
 .slider-fade1 .owl-carousel .caption .overflow-hidden {
  width:100% !important
 }
 .slider-fade1 .owl-carousel .caption h1 {
  font-size:clamp(2.35rem, 12vw, 3.6rem)
 }
 .slider-fade1 .owl-carousel .caption p {
  font-size:15px
 }
 .hero-proof {
  gap:8px
 }
 .hero-proof span {
  min-height:32px;
  padding:7px 11px;
  font-size:12px
 }
 .section-heading {
  margin-bottom:36px
 }
 .what-we-offer-wrapper,
 .what-we-offer-wrapper img {
  min-height:390px;
  height:390px
 }
 .what-we-offer-content {
  padding:24px
 }
 .card.card-style1 {
  padding:26px
 }
 #quotation .p-1-6 {
  padding:24px !important
 }
 .process-wrapper {
  padding:26px 20px
 }
}
@media screen and (max-width: 575px) {
 .container {
  padding-left:20px;
  padding-right:20px
 }
 .slider-fade1 .owl-item {
  min-height:620px
 }
 .hero-eyebrow {
  font-size:11px !important
 }
 .butn {
  width:auto;
  max-width:100%;
  text-align:center
 }
 .info-wrapper {
  padding:28px 22px
 }
 .footer-icon {
  width:54px;
  height:54px
 }
}