html,
body{
    width:100%;
    overflow-x:hidden;
}

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

img{
    max-width:100%;
    height:auto;
    display:block;
}

body{
    padding-top:90px;
    overflow-x:hidden;
}
/*---------------*/
.img-fluid {
    max-width: 90%;
    height: 450px;
}
/*---------------*/
@media(max-width:767px){
.col-lg-6 img{
    max-width: 100%;
    height: 350px;
}
}


/* Navbar Start */

/*==============================
LOHA PREMIUM NAVBAR
==============================*/

#home,
#about,
#why-us,
#industries,
#services,
#contact {
    scroll-margin-top: 100px;
}

.lx-header{

position:fixed;
top:6px;
left:50%;
transform:translateX(-50%);

width:100%;
max-width:1350px;

z-index:9999;

background: #ffffff;

backdrop-filter:blur(18px);

border-radius:40px;

box-shadow:0 15px 45px rgba(0,0,0,.19);

padding:20px 0;

transition:.4s;

border-left:8px solid #ff7300;
border-right:8px solid darkblue;
border-bottom:1px solid black;
border-top:1px solid black;

}

.lx-wrap{

width:92%;
margin:auto;

display:flex;
align-items:center;
justify-content:space-between;

}

.lx-logo{

height:50px;
transition:.35s;

}

.lx-logo:hover{

transform:scale(1.05);

}

.lx-nav{

display:flex;
align-items:center;

gap:35px;

list-style:none;

margin:0;
padding:0;

}

.lx-nav li{

list-style:none;

}

.lx-nav a{

text-decoration:none;

font-size:17px;

font-weight:650;

color:#222;

position:relative;

transition:.35s;

}

.lx-nav a:hover{

color:#ff7b18;

}

.lx-nav a::after{

content:"";

position:absolute;

left:0;
bottom:-8px;

width:0;
height:3px;

background:#ff7b18;

transition:.35s;

border-radius:20px;

}

.lx-nav a:hover::after{

width:100%;

}

.lx-btn{

padding:14px 30px;

background:#ff7b18;

color:#fff;

border-radius:50px;

text-decoration:none;

font-weight:700;

transition:.45s;

box-shadow:0 3px 3px black;


}

.lx-btn:hover{

background:#0b3a96;

color:#fff;

transform:translateY(-8px);

}

.lx-toggle{

display:none;

width:36px;
height:34px;

position:relative;

cursor:pointer;

}

.lx-toggle span{

position:absolute;

width:100%;
height:3px;

background:#ff7b18;

left:0;

transition:.35s;

}

.lx-toggle span:nth-child(1){

top:5px;

}

.lx-toggle span:nth-child(2){

top:15px;

}

.lx-toggle span:nth-child(3){

top:25px;

}

.lx-toggle.active span:nth-child(1){

transform:rotate(45deg);

top:15px;

}

.lx-toggle.active span:nth-child(2){

opacity:0;

}

.lx-toggle.active span:nth-child(3){

transform:rotate(-45deg);

top:15px;

}

@media(max-width:991px){

.lx-toggle{

display:block;

z-index:1001;

}

.lx-btn{

display:none;

}

.lx-nav{

position:fixed;

right:-100%;

top:0;

width:200px;

height:60vh;

background:#fff;

display:flex;

flex-direction:column;

justify-content:center;

gap:40px;

transition:.9s;

box-shadow:-15px 0 40px rgba(0,0,0,.4);
border-radius:25px;
border-left:2px solid orange;
border-right:2px solid orange;
border-top:4px solid darkblue;
border-bottom:3px solid darkblue;

}

.lx-nav.active{

right:0;

}

.lx-nav a{

font-size:18px;

}
#about{
    scroll-margin-top: -420px;
}
.lx-logo{

height:34px;
transition:.35s;

}


}

/*navbar end*/
/* --------------------------------------------------- */

/*banner start*/

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Segoe UI',sans-serif;
  
  
}

/* DESKTOP HERO */
.estate-hero-wrapper{
  position:relative;
  height:76vh;
  overflow:hidden;
  width:100%;
  padding-top:20px;
}

/* DESKTOP SLIDER */
.estate-slider-box{
  position:absolute;
  width:100%;
  height:100%;
}

.estate-slide-item{
  position:absolute;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:opacity 1s ease;
  
}

.estate-slide-item::after{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  /*background:rgba(0,0,0,.25);*/
}

.active-slide{
  opacity:1;
}

/* FORM */
.estate-form-card{
  position:absolute;
  top:50%;
  right:8%;
  transform:translateY(-50%);
  width:320px;
  padding:25px;
  border-radius:10px;
  background:rgba(0,0,0,.35);
  z-index:2;
  border:4px double #fff;
}

.estate-form-card h2{
  text-align:center;
  margin-bottom:15px;
  color:#fff;
  font-size:17px;
}

.estate-form-card input,
.estate-form-card select{
  width:100%;
  margin-bottom:12px;
  border:1px solid #ccc;
  padding:10px;
  background:rgba(0,0,0,.5);
  color:#fff;
}

.estate-form-card button{
  width:100%;
  padding:14px;
  background:green;
  color:#fff;
  border:none;
  cursor:pointer;
  border-radius:30px;
  margin-top:10px;
  font-size:16px;
}

/* MOBILE CAROUSEL */
.mobile-banner{
  display:none;
}

.mobile-slider{
  position:relative;
  width:100%;
  height:220px;
  overflow:hidden;
}

.mobile-slide{
  position:absolute;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:opacity 1s ease;
}

.mobile-slide::after{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  /*background:rgba(0,0,0,.20);*/
}

.mobile-slide.active-mobile{
  opacity:1;
}

/* RESPONSIVE */
@media(max-width:900px){
  .estate-form-card{
    display:none;
  }
}

/* MOBILE ONLY */
@media(max-width:767px){

  /* Hide desktop banner */
  .estate-hero-wrapper{
    display:none;
  }

  /* Show mobile banner */
  .mobile-banner{
    display:block;
  }
  .mobile-slider{
    height: 260px;
     width:100%;
  }
    .mobile-slide{
    background-size: contain;   /* was cover */
    background-repeat: no-repeat;
    background-position: center center;
    
  }

  
}


/*banners end*/




/*=========================
Hero Section
==========================*/
/*=========================
SECTION ENTRY ANIMATIONS
=========================*/

/* =========================================
   HERO IMAGE SLIDER
========================================= */

.hero-slider {
    position: relative;

    width: 100%;
    max-width: 680px;

    height: 485px;

    margin: 0 auto;

    overflow: hidden;

    border-radius: 30px;

    box-shadow: 4px 8px 8px black;
}


/* Slider Images */

.hero-slide {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: 30px;

    opacity: 0;

    transform: scale(1.05);

    transition:
        opacity 1s ease-in-out,
        transform 4s ease-in-out;
}


/* First / Active Image */

.hero-slide.active {
    opacity: 1;

    transform: scale(1);
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:991px) {

    .hero-slider {

        width: 90%;

        height: 450px;

        margin: 0 auto;

    }

}


@media(max-width:576px) {

    .hero-slider {

        width: 100%;

        height: 350px;

        border-radius: 20px;

    }

    .hero-slide {

        border-radius: 20px;

    }

}

/*---------------*/

.reveal{

opacity:0;

transition:all .9s cubic-bezier(.215,.61,.355,1);

will-change:transform,opacity;

}

/* Active */

.reveal.active{

opacity:1;

transform:none;

}

/* Left */

.fade-left{

transform:translateX(-80px);

}

/* Right */

.fade-right{

transform:translateX(80px);

}

/* Up */

.fade-up{

transform:translateY(60px);

}

/* Down */

.fade-down{

transform:translateY(-60px);

}

/* Zoom */

.zoom{

transform:scale(.85);

}

/* Delay */

.hero-tag{

transition-delay:.1s;

}

.loha-hero h1{

transition-delay:.25s;

}

.loha-hero p{

transition-delay:.45s;

}

.hero-btns{

transition-delay:.65s;

}

.hero-img{

/*transition-delay:.35s;*/

}

.hero-circle{

transition-delay:.9s;

}

/* Mobile */

@media(max-width:991px){

.fade-left,
.fade-right{

transform:translateY(50px);

}

}

/* ---------------- */

.loha-hero{

padding:60px 0 80px;
background:#f8fafc;
position:relative;
overflow:hidden;

}

.hero-tag{

display:inline-block;
padding:8px 18px;
background:#ffe9d6;
color:#f47c20;
border-radius:30px;
font-weight:700;
margin-bottom:20px;
font-size:22px;

}

.loha-hero h1{

font-size:54px;
font-weight:700;
line-height:1.2;
color:#111;
margin-bottom:25px;

}

.loha-hero h1 span{

color:#0d47a1;

}

.loha-hero p{

font-size:18px;
color:#666;
line-height:30px;
margin-bottom:35px;

}

.hero-btns{

display:flex;
gap:15px;
flex-wrap:wrap;

}

.hero-btn1{

background:#f47c20;
color:#fff;
padding:15px 35px;
border-radius:40px;
text-decoration:none;
font-weight:600;
transition:.4s;

}

.hero-btn1:hover{

background:#0d47a1;
color:#fff;
transform:translateY(-4px);

}

.hero-btn2{

border:2px solid #0d47a1;
color:#0d47a1;
padding:15px 35px;
border-radius:40px;
text-decoration:none;
font-weight:600;
transition:.4s;

}

.hero-btn2:hover{

background:#0d47a1;
color:#fff;

}

.hero-img{

max-width:100%;
animation:float 4s ease-in-out infinite;
border-radius:30px;
box-shadow: 4px 8px 8px black;


}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

}

/* Background Circle */

.hero-circle{

position:absolute;
right:-120px;
top:-120px;
width:420px;
height:420px;
background:#f47c20;
opacity:.08;
border-radius:50%;

}
@media(max-width:991px){

.loha-hero{

padding:40px 0;

}

.loha-hero h1{

font-size:38px;
text-align:center;

}

.loha-hero p{

text-align:center;

}

.hero-tag{

display:block;
width:max-content;
margin:0 auto 20px;

}

.hero-btns{

justify-content:center;
margin-bottom:40px;

}

.hero-img{

max-width:90%;


}

}

@media(max-width:576px){

.loha-hero h1{

font-size:30px;

}

.hero-btn1,
.hero-btn2{

width:100%;
text-align:center;

}

.hero-btns{

flex-direction:column;

}

}
/* -------------------------- */
/*=========================
ABOUT SECTION
==========================*/

/*.loha-about{*/

/*background:#fff;*/
/*padding:100px 0;*/

/*}*/

/*.about-img{*/

/*position:relative;*/


/*}*/

/*.about-img img{*/

/*border-radius:20px;*/
/*width:100%;*/
/*transition:.5s;*/
/*box-shadow: 4px 8px 8px black;*/

/*}*/

/*.about-img:hover img{*/

/*transform:scale(1.03);*/

/*}*/

/* Experience Box */

/*.experience-box{*/

/*position:absolute;*/
/*bottom:20px;*/
/*left:20px;*/

/*background:#f47c20;*/

/*color:#fff;*/

/*padding:20px 30px;*/

/*border-radius:15px;*/

/*box-shadow:0 15px 35px rgba(0,0,0,.15);*/

/*}*/

/*.experience-box h2{*/

/*font-size:38px;*/
/*margin-bottom:5px;*/

/*font-weight:700;*/

/*}*/

/*.section-tag{*/

/*display:inline-block;*/

/*padding:8px 18px;*/

/*background:#fff3e8;*/

/*color:#f47c20;*/

/*border-radius:30px;*/

/*font-weight:600;*/

/*margin-bottom:20px;*/

/*}*/

/*.section-title{*/

/*font-size:42px;*/

/*font-weight:700;*/

/*margin-bottom:20px;*/

/*line-height:1.3;*/

/*}*/

/*.section-title span{*/

/*color:#f47c20;*/

/*}*/

/*.section-text{*/

/*color:#666;*/

/*line-height:30px;*/

/*font-size:17px;*/

/*}*/

/* Cards */

/*.about-card{*/

/*background:#fff;*/

/*border:2px solid orange;*/

/*border-radius:15px;*/

/*padding:15px;*/

/*text-align:center;*/

/*transition:.4s;*/

/*height:100%;*/

/*}*/

/*.about-card:hover{*/

/*background:#f47c20;*/

/*color:#fff;*/

/*transform:translateY(-8px);*/

/*box-shadow:0 15px 30px rgba(0,0,0,.12);*/

/*}*/

/*.about-card i{*/

/*font-size:34px;*/

/*color:#0d47a1;*/

/*margin-bottom:15px;*/

/*transition:.4s;*/

/*}*/

/*.about-card:hover i{*/

/*color:#fff;*/

/*}*/

/*.about-card h5{*/

/*font-size:18px;*/

/*font-weight:600;*/

/*margin:0;*/

/*}*/
/*@media(max-width:991px){*/

/*.section-title{*/

/*font-size:34px;*/

/*text-align:center;*/

/*}*/

/*.section-text{*/

/*text-align:center;*/

/*}*/

/*.section-tag{*/

/*display:block;*/

/*width:max-content;*/

/*margin:0 auto 20px;*/

/*}*/

/*.experience-box{*/

/*left:50%;*/

/*transform:translateX(-50%);*/

/*}*/

/*}*/

/*@media(max-width:576px){*/

/*.loha-about{*/

/*padding:70px 0;*/

/*}*/

/*.section-title{*/

/*font-size:28px;*/

/*}*/

/*.section-text{*/

/*font-size:15px;*/

/*line-height:28px;*/

/*}*/

/*.experience-box{*/

/*position:relative;*/

/*left:0;*/

/*bottom:0;*/

/*transform:none;*/

/*margin-top:20px;*/

/*text-align:center;*/

/*}*/

/*.about-card{*/

/*padding:20px;*/

/*}*/

/*}*/


/* -------------------------------------- */
/*=========================
INDUSTRIES START
==========================*/

.loha-industries{

background:#f8f9fa;
padding:100px 0;

}

.industry-tag{

display:inline-block;
padding:8px 20px;
background:#fff3e8;
color:#003c96;
font-weight:700;
border-radius:30px;
margin-bottom:15px;
font-size:22px;

}

.industry-title{

font-size:42px;
font-weight:700;
margin-bottom:15px;
color:#222;

}

.industry-title span{

color:#f47c20;

}

.industry-text{

max-width:700px;
margin:auto;
color:#666;
line-height:28px;

}

/* Card */

.industry-card{

background:#fff;
border-radius:20px;
padding:35px 25px;
text-align:center;
transition:.45s;
height:100%;
border-bottom:3px solid orange;
border-top:3px solid orange;
border-left:3px solid orange;
border-right:3px solid orange;

}

.industry-card:hover{

transform:translateY(-12px) scale(1.03);

box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.industry-icon{

width:80px;
height:80px;
margin:auto;
margin-bottom:25px;
background:#fff3e8;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
transition:.5s;

}

.industry-card:hover .industry-icon{

background:#f47c20;
transform:rotateY(180deg) scale(1.08);
}

.industry-icon i{

font-size:34px;
color:#f47c20;
transition:.4s;

}

.industry-card:hover .industry-icon i{

color:#fff;

}

.industry-card h4{

font-size:25px;
font-weight:600;
margin-bottom:15px;
color:#0d47a1;

}

.industry-card p{

color:#666;
line-height:28px;
margin:0;

}
@media(max-width:991px){

.industry-title{

font-size:34px;

}

}

@media(max-width:576px){

.loha-industries{

padding:40px 0;

}

.industry-title{

font-size:28px;

}

.industry-card{

padding:30px 20px;

}

}
/* --------------------------------------------------- */
/*=========================
SERVICES
==========================*/

.loha-services{

padding:100px 0;
background:#fff;

}

.service-tag{

display:inline-block;
padding:8px 18px;
background:#fff3e8;
color:#003c96;
border-radius:30px;
font-weight:700;
margin-bottom:15px;
font-size:22px;

}

.service-title{

font-size:42px;
font-weight:700;
margin-bottom:15px;

}

.service-title span{

color:#f47c20;

}

.service-text{

max-width:700px;
margin:auto;
color:#666;
line-height:28px;

}

/* Card */

.service-card{

 background:#fff;
    border-radius:18px;
    overflow:hidden;
    border:2px solid darkblue;
    transition:all .55s ease;
    height:100%;

}

.service-card:hover{

 transform:translateY(-12px);
    box-shadow:0 25px 50px rgba(0,0,0,.12);
    border:3px solid orange;
    

}

.service-image{

overflow:hidden;

}

.service-image img{

width:100%;
height:220px;
object-fit:cover;
transition:transform .6s ease;


}

.service-card:hover img{

transform:scale(1.1);

}

.service-content{

padding:30px;

}

.service-icon{

width:65px;
    height:65px;
    background:#fff3e8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    transition:all .4s ease;

}

.service-card:hover .service-icon{

 background:#f47c20;
    transform:rotate(10deg) scale(1.08);

}

.service-icon i{

font-size:28px;
color:#f47c20;
 transition:all .4s ease;

}

.service-card:hover .service-icon i{

color:#fff;

}

.service-content h4{

font-size:26px;
font-weight:600;
margin-bottom:15px;
color:#0d47a1;

}

.service-content p{

color:#666;
line-height:28px;
margin-bottom:25px;

}

.service-btn{

    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:#f47c20;
    font-weight:600;
    transition:.3s ease;
    font-size:18px;

}

.service-btn::after{
    content:"→";
    transition:transform .3s ease;
}

.service-btn:hover{

color:#f47c20;

}

.service-btn:hover::after{
    transform:translateX(5px);
}

@media(max-width:991px){

.service-title{

font-size:34px;

}

}

@media(max-width:576px){

.loha-services{

padding:70px 0;

}

.service-title{

font-size:28px;

}

.service-content{

padding:22px;

}

.service-image img{

height:200px;

}

}

/*-----*/
/* Expandable Content */

.service-details{

    max-height:0;
    overflow:hidden;
    transition:max-height .9s ease;
    margin-top:0;

}

.service-card.active .service-details{

    max-height:350px;
    margin-top:20px;

}

.service-details ul{

    padding-left:18px;
    margin-bottom:18px;

}

.service-details li{

    margin-bottom:10px;
    color:black;

}

.service-details p{

    color:#666;
    margin-bottom:0;
    line-height:25px;

}

/* Button */

.service-btn{

    cursor:pointer;
}

.service-btn::after{

    content:"↓";
    margin-left:8px;
    transition:.3s;

}

.service-card.active .service-btn::after{

    transform:rotate(180deg);

}

/* ------------------------------------------ */
/*=========================
WHY CHOOSE US
==========================*/

.choose-section{

    background:#f8f9fa;
    padding:100px 0;

}

.choose-tag{

    display:inline-block;
    padding:8px 18px;
    background:#fff3e8;
    color:#003c96;
    border-radius:30px;
    font-weight:700;
    margin-bottom:15px;
    font-size:22px;

}

.choose-title{

    font-size:42px;
    font-weight:700;
    margin-bottom:15px;

}

.choose-title span{

    color:#f47c20;

}

.choose-text{

    max-width:700px;
    margin:auto;
    color:#666;
    line-height:28px;

}

/* Card */

.choose-card{

    background:#fff;
    border-radius:18px;
    padding:40px 30px;
    text-align:center;
    border:3px solid darkblue;
    transition:.65s;
    height:100%;
    position:relative;
    overflow:hidden;

}

.choose-card::before{

    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:#f47c20;
    transform:scaleX(0);
    transition:.5s;

}

.choose-card:hover::before{

    transform:scaleX(1);

}

.choose-card:hover{

transform:translateY(-14px);

border-color:#f47c20;

box-shadow:
0 15px 35px rgba(0,0,0,.08),
0 5px 15px rgba(244,124,32,.18);

}

.choose-icon{

    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    background:#fff3e8;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    transition:.4s;

}

.choose-card:hover .choose-icon{

   background:#f47c20;

transform:
rotate(15deg)
scale(1.1);

}

.choose-icon i{

    font-size:34px;
    color:#f47c20;
    transition:.4s;

}

.choose-card:hover i{

    color:#fff;

}

.choose-card h4{

    font-size:22px;
    margin-bottom:15px;
    font-weight:600;
    color:#0d47a1;

}

.choose-card p{

    color:#666;
    line-height:28px;
    margin:0;

}
@media(max-width:991px){

.choose-title{

font-size:34px;

}

}

@media(max-width:576px){

.choose-section{

padding:40px 0;

}

.choose-title{

font-size:28px;

}

.choose-card{

padding:30px 20px;

}

}

/* glow effect */
.choose-card{

overflow:hidden;

position:relative;

}

.choose-card::after{

content:"";

position:absolute;

top:-120%;

left:-50%;

width:50%;

height:320%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.45),

transparent

);

transform:rotate(25deg);

transition:.7s;

}

.choose-card:hover::after{

left:130%;

}

/* -------------------------------------- */



/* --------------------------------------------------- */
/*=========================
WHAT MAKES US DIFFERENT
==========================*/

/*.difference-section{*/

/*padding:100px 0;*/
/*background:#f8f9fa;*/

/*}*/

/*.difference-image{*/

/*overflow:hidden;*/

/*border-radius:20px;*/

/*}*/

/*.difference-image img{*/

/*transition:.7s;*/
/*height:510px;*/
/*border-radius:40px;*/

/*}*/

/*.difference-image:hover img{*/

/*transform:*/

/*scale(1.08)*/

/*rotate(.5deg);*/

/*}*/
/*.difference-tag{*/

/*display:inline-block;*/
/*padding:8px 18px;*/
/*background:#fff3e8;*/
/*color:#f47c20;*/
/*border-radius:30px;*/
/*font-weight:600;*/
/*margin-bottom:15px;*/

/*}*/

/*.difference-title{*/

/*font-size:42px;*/
/*font-weight:700;*/
/*margin-bottom:20px;*/

/*}*/

/*.difference-title span{*/

/*color:#f47c20;*/

/*}*/

/*.difference-text{*/

/*color:#666;*/
/*line-height:30px;*/
/*margin-bottom:10px;*/

/*}*/

/*.difference-list{*/

/*margin-bottom:15px;*/

/*}*/

/*.difference-item{*/

/*display:flex;*/
/*align-items:center;*/
/*gap:15px;*/
/*padding:14px 18px;*/
/*background:#fff;*/
/*border-radius:12px;*/
/*margin-bottom:15px;*/
/*transition:.4s ease;*/
/*border-left:4px solid transparent;*/

/*}*/

/*.difference-item:hover{*/

/*btransform:translateX(10px);*/

/*border-left:4px solid #f47c20;*/

/*background:#fff;*/

/*box-shadow:*/
/*0 12px 30px rgba(0,0,0,.08);*/

/*}*/

/*.difference-item i{*/

/*font-size:22px;*/
/*color:#f47c20;*/
/*transition:.35s;*/

/*}*/
/*.difference-item:hover i{*/

/*transform:scale(1.25);*/

/*}*/

/*.difference-item span{*/

/*font-weight:500;*/
/*color:#0d47a1;*/

/*}*/

/*.difference-btn{*/

/*display:inline-block;*/
/*padding:14px 35px;*/
/*background:#f47c20;*/
/*color:#fff;*/
/*border-radius:40px;*/
/*text-decoration:none;*/
/*font-weight:600;*/
/*transition:.4s;*/

/*}*/

/*.difference-btn:hover{*/

/*background:#0d47a1;*/

/*transform:translateY(-4px);*/

/*box-shadow:*/

/*0 15px 35px rgba(13,71,161,.25);*/

/*}*/
/*@media(max-width:991px){*/

/*.difference-title{*/

/*font-size:34px;*/

/*}*/

/*.difference-image{*/

/*margin-bottom:40px;*/

/*}*/
/*.difference-image img{*/

/*transition:.7s;*/
/*height:350px;*/

/*}*/

/*}*/

/*@media(max-width:576px){*/

/*.difference-section{*/

/*padding:70px 0;*/

/*}*/

/*.difference-title{*/

/*font-size:28px;*/

/*}*/

/*.difference-item{*/

/*padding:12px 15px;*/

/*}*/

/*.difference-btn{*/

/*width:100%;*/
/*text-align:center;*/

/*}*/

/*}*/
/* ----------------------------------- */
/*=========================
CONTACT SECTION
==========================*/

/*=========================================
        PREMIUM CONTACT SECTION
=========================================*/

.contact-section{
    padding:100px 0;
    background:linear-gradient(180deg,#f8fafc,#ffffff);
    position:relative;
    overflow:hidden;
}

/* Decorative Background */

.contact-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:#f47c20;
    opacity:.06;
    border-radius:50%;
    top:-150px;
    right:-120px;
}

.contact-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#0d47a1;
    opacity:.05;
    border-radius:50%;
    bottom:-140px;
    left:-120px;
}

/*========================
Heading
========================*/

.contact-badge{

display:inline-block;

padding:10px 22px;

background:#fff3e8;

color:#003c96;

border-radius:40px;

font-weight:700;

letter-spacing:.5px;

margin-bottom:18px;

font-size:22px;

}

.contact-heading{

font-size:48px;

font-weight:700;

line-height:1.25;

margin-bottom:18px;

color:#1b1b1b;

}

.contact-heading span{

color:#f47c20;

}

.contact-subtitle{

max-width:720px;

margin:auto;

font-size:17px;

line-height:30px;

color:#666;

}

/*========================
LEFT PANEL
========================*/

.contact-left{

background:linear-gradient(135deg,#0d47a1,#123d86);

padding:45px;

border-radius:25px;

height:100%;

color:#fff;

box-shadow:0 25px 60px rgba(13,71,161,.18);

position:relative;

overflow:hidden;

}

.contact-left::before{

content:"";

position:absolute;

width:250px;

height:250px;

background:rgba(255,255,255,.08);

border-radius:50%;

top:-80px;

right:-80px;

}

.contact-left h3{

font-size:34px;

font-weight:700;


position:relative;

}

.contact-left p{

line-height:30px;


position:relative;

opacity:.95;

}

/*========================
INFO CARDS
========================*/

.contact-card{

display:flex;

align-items:flex-start;

gap:18px;

padding:20px;

margin-bottom:18px;

border-radius:18px;

background:rgba(255,255,255,.08);

backdrop-filter:blur(10px);

transition:.4s;

position:relative;
border:1px solid white;

}

.contact-card:hover{

background:#fff;

transform:translateX(10px);

box-shadow:0 15px 35px rgba(0,0,0,.19);

}

.contact-card:hover h5{

color:#111;

}

.contact-card:hover p{

color:#555;

}

.contact-icon{

width:65px;

height:65px;

border-radius:50%;

background:#f47c20;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

transition:.4s;

}

.contact-card:hover .contact-icon{

transform:rotate(15deg) scale(1.1);

background:#0d47a1;

}

.contact-icon i{

font-size:24px;

color:#fff;

}

.contact-card h5{

font-size:20px;

font-weight:600;

margin-bottom:6px;

transition:.3s;

color:#fff;

}

.contact-card p{

margin:0;

line-height:26px;

color:#f5f5f5;

transition:.3s;

}

/*========================
WHATSAPP BUTTON
========================*/

.whatsapp-btn{

display:flex;

align-items:center;

justify-content:center;

gap:12px;

margin-top:30px;

padding:16px;

border-radius:50px;

background:#25D366;

color:#fff;

font-weight:600;

text-decoration:none;

transition:.35s;

}

.whatsapp-btn:hover{

background:#1fb857;

transform:translateY(-4px);

color:#fff;

box-shadow:0 15px 35px rgba(37,211,102,.35);

}

/*========================
RIGHT PANEL
========================*/

.contact-right{

background:#fff;

padding:45px;

border-radius:25px;

box-shadow:0 20px 50px rgba(0,0,0,.2);

height:100%;
border:1px solid orange;

}

/*========================
FORM
========================*/

.custom-input{

height:60px;

border-radius:14px;

border:2px solid #edf0f5;

padding:0 20px;

font-size:16px;

transition:.35s;

box-shadow:none;

}

textarea.custom-input{

height:170px;

padding-top:18px;

resize:none;

}

.custom-input:focus{

border-color:#f47c20;

box-shadow:0 0 0 5px rgba(244,124,32,.12);

}

.custom-input::placeholder{

color:#999;

}

/*========================
BUTTON
========================*/

.send-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 40px;

border:none;

border-radius:50px;

background:linear-gradient(135deg,#f47c20,#ff9d43);

color:#fff;

font-weight:600;

font-size:17px;

transition:.35s;

}

.send-btn:hover{

transform:translateY(-5px);

background:linear-gradient(135deg,#0d47a1,#1565c0);

box-shadow:0 20px 40px rgba(13,71,161,.25);

}



/*========================
RESPONSIVE
========================*/

@media(max-width:991px){

.contact-section{

padding:40px 0;

}

.contact-heading{

font-size:36px;

}

.contact-left{

margin-bottom:20px;

padding:35px;

}

.contact-right{

padding:35px;

}

}

@media(max-width:767px){

.contact-heading{

font-size:30px;

}

.contact-subtitle{

font-size:15px;

line-height:28px;

}

.contact-left{

padding:28px;

}

.contact-right{

padding:25px;

}

.contact-card{

padding:16px;

}

.contact-icon{

width:55px;

height:55px;

}

.contact-icon i{

font-size:20px;

}

.contact-card h5{

font-size:18px;

}

.custom-input{

height:55px;

font-size:15px;

}

textarea.custom-input{

height:150px;

}

.send-btn{

width:100%;

}



}

.send-btn,
.whatsapp-btn{

position:relative;

overflow:hidden;

}

.ripple{

position:absolute;

border-radius:50%;

background:rgba(255,255,255,.45);

transform:scale(0);

animation:ripple .6s linear;

pointer-events:none;

}

@keyframes ripple{

to{

transform:scale(4);

opacity:0;

}

}

.contact-card{

position:relative;

overflow:hidden;

}

.contact-card::after{

content:"";

position:absolute;

top:-100%;

left:-40%;

width:40%;

height:300%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.45),

transparent

);

transform:rotate(25deg);

transition:.7s;

}

.contact-card:hover::after{

left:140%;

}

.contact-section::before{

animation:floatCircle 10s infinite ease-in-out;

}

.contact-section::after{

animation:floatCircle2 12s infinite ease-in-out;

}

@keyframes floatCircle{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-30px);

}

}

@keyframes floatCircle2{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(25px);

}

}



/* --------------------------------------------- */

  /* =========================================
   LOHA HANGING BUSINESS CARD SECTION
========================================= */

.loha-hanging-section {
    position: relative;
    width: 100%;
    padding: 40px 0 0px;
    overflow: hidden;
    background: #ffffff;
    isolation: isolate;
}


/* =========================================
   CONTAINER
========================================= */

.loha-hanging-container {
    position: relative;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.75fr 1.25fr;

    align-items: center;
    gap: 70px;
}


/* =========================================
   BACKGROUND GRID
========================================= */

.loha-hanging-grid {
    position: absolute;

    width: 600px;
    height: 600px;

    right: -180px;
    top: 50%;

    transform: translateY(-50%);

    background-image:
        linear-gradient(
            rgba(0, 52, 150, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0, 52, 150, 0.045) 1px,
            transparent 1px
        );

    background-size: 35px 35px;

    mask-image:
        radial-gradient(
            circle,
            #000 15%,
            transparent 70%
        );

    -webkit-mask-image:
        radial-gradient(
            circle,
            #000 15%,
            transparent 70%
        );

    pointer-events: none;
    z-index: -1;
}


/* Orange Decorative Line */

.loha-orange-line {
    position: absolute;

    width: 300px;
    height: 3px;

    left: -120px;
    bottom: 90px;

    background: #ff7300;

    transform: rotate(-45deg);

    opacity: 0.8;
}


/* =========================================
   LEFT CONTENT
========================================= */

.loha-hanging-content {
    opacity: 0;
    transform: translateX(-60px);
}


/* Label */

.loha-hanging-label {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 25px;

    color: #003c96;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 3px;
}


.loha-hanging-label span {
    display: block;

    width: 40px;
    height: 3px;

    background: #ff7300;

    border-radius: 10px;
}


/* Heading */

.loha-hanging-content h2 {
    margin: 0;

    color: #202733;

    font-size: clamp(48px, 4vw, 72px);

    line-height: 0.95;

    letter-spacing: -3px;

    font-weight: 800;
}


.loha-hanging-content h2 strong {
    display: block;

    color: #ff7300;

    font-weight: 800;
}


/* Paragraph */

.loha-hanging-content > p {
    max-width: 480px;

    margin: 28px 0;

    color: #5d6269;

    font-size: 16px;

    line-height: 1.8;
}


/* Meta */

.loha-hanging-meta {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 35px;

    color: #777;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


.loha-hanging-meta span:first-child {
    color: #003c96;
}


.loha-hanging-meta i {
    display: block;

    width: 25px;
    height: 1px;

    background: #ff7300;
}


/* =========================================
   BUTTON
========================================= */

.loha-hanging-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;

    padding: 14px 16px 14px 22px;

    border: 0;
    border-radius: 6px;

    background: #003c96;

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.loha-hanging-btn b {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    border-radius: 50%;

    background: #ff7300;

    font-size: 16px;

    transition: transform 0.3s ease;
}


.loha-hanging-btn:hover {
    background: #ff7300;

    transform: translateY(-4px);

    box-shadow:
        0 15px 30px rgba(255, 115, 0, 0.2);
}


.loha-hanging-btn:hover b {
    background: #003c96;

    transform: rotate(45deg);
}


/* =========================================
   HANGING STAGE
========================================= */

.loha-hanging-stage {
    position: relative;

    height: 600px;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    perspective: 1200px;
}


/* =========================================
   TOP BEAM
========================================= */

.loha-hanging-beam {
    position: absolute;

    top: 15px;
    left: 7%;

    width: 86%;
    height: 5px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #003c96 0%,
            #003c96 43%,
            #ff7300 43%,
            #ff7300 57%,
            #003c96 57%,
            #003c96 100%
        );

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.08);
}


/* Beam endpoints */

.loha-hanging-beam::before,
.loha-hanging-beam::after {
    content: "";

    position: absolute;

    top: -4px;

    width: 13px;
    height: 13px;

    border-radius: 50%;

    background: #003c96;

    border: 2px solid #ffffff;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.15);
}


.loha-hanging-beam::before {
    left: -5px;
}


.loha-hanging-beam::after {
    right: -5px;
}


/* =========================================
   HANGING ITEMS
========================================= */

.loha-hanging-item {
    position: absolute;

    top: 17px;

    width: 430px;

    transform-origin: 50% 0;

    cursor: pointer;

    z-index: 3;
}


/* Front position */

.loha-hanging-front {
    left: 2%;

    animation:
        lohaSwingFront 5.5s
        ease-in-out infinite;
}


/* Back position */

.loha-hanging-back {
    right: 0%;

    animation:
        lohaSwingBack 6.5s
        ease-in-out infinite;
}


/* =========================================
   WIRES
========================================= */

.loha-wire {
    position: relative;

    width: 100%;
    height: 130px;
}


/* Wire itself */

.loha-wire::before {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 1px;
    height: 100%;

    transform: translateX(-50%);

    background:
        linear-gradient(
            to bottom,
            #003c96,
            #a7a7a7
        );

    box-shadow:
        0 0 3px rgba(0,0,0,0.12);
}


/* Small orange wire */

.loha-wire::after {
    content: "";

    position: absolute;

    top: 0;
    left: calc(50% - 17px);

    width: 34px;
    height: 1px;

    background: #ff7300;

    transform: rotate(90deg);

    transform-origin: center;
}


/* Hook */

.loha-wire-hook {
    position: absolute;

    top: -3px;
    left: 50%;

    width: 10px;
    height: 10px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background: #ffffff;

    border: 2px solid #003c96;

    box-shadow:
        0 2px 5px rgba(0,0,0,0.15);

    z-index: 2;
}


/* =========================================
   CARD PIN
========================================= */

.loha-card-pin {
    position: absolute;

    top: 121px;
    left: 50%;

    width: 13px;
    height: 13px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background: #ff7300;

    border: 3px solid #ffffff;

    box-shadow:
        0 3px 8px rgba(0,0,0,0.18);

    z-index: 5;
}


/* =========================================
   BUSINESS CARD
========================================= */

.loha-hanging-card {
    position: relative;

    width: 100%;

    aspect-ratio: 1.75 / 1;

    overflow: hidden;

    border-radius: 8px;

    background: #ffffff;

    box-shadow:
        0 30px 55px rgba(20, 30, 45, 0.22),
        0 8px 15px rgba(20, 30, 45, 0.10);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
}


.loha-hanging-card img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.6s ease;
}


/* =========================================
   HOVER
========================================= */

.loha-hanging-item:hover {
    animation-play-state: paused;
    z-index: 10;
}


.loha-hanging-item:hover .loha-hanging-card {
    transform:
        translateY(-12px)
        scale(1.035);

    box-shadow:
        0 40px 75px rgba(20, 30, 45, 0.28);
}


.loha-hanging-item:hover
.loha-hanging-card img {
    transform: scale(1.02);
}


/* =========================================
   FRONT CARD LABEL
========================================= */

.loha-card-side {
    position: absolute;

    left: 14px;
    bottom: 12px;

    padding: 5px 9px;

    border-radius: 4px;

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

    color: #ffffff;

    font-size: 8px;

    letter-spacing: 2px;

    font-weight: 800;

    opacity: 0;

    transition: opacity 0.3s ease;
}


.loha-hanging-item:hover .loha-card-side {
    opacity: 1;
}


/* =========================================
   SWING ANIMATIONS
========================================= */

@keyframes lohaSwingFront {

    0% {
        transform: rotate(-5deg);
    }

    25% {
        transform: rotate(3deg);
    }

    50% {
        transform: rotate(-3deg);
    }

    75% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(-5deg);
    }

}


@keyframes lohaSwingBack {

    0% {
        transform: rotate(5deg);
    }

    25% {
        transform: rotate(-4deg);
    }

    50% {
        transform: rotate(3deg);
    }

    75% {
        transform: rotate(-3deg);
    }

    100% {
        transform: rotate(5deg);
    }

}


/* =========================================
   TECHNICAL LABEL
========================================= */

.loha-hanging-tech {
    position: absolute;

    bottom: 35px;
    left: 50%;

    transform: translateX(-50%);

    display: flex;
    align-items: center;
    gap: 12px;

    color: #003c96;

    white-space: nowrap;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 2.5px;
}


.loha-hanging-tech span {
    display: block;

    width: 40px;
    height: 1px;

    background: #ff7300;
}


/* =========================================
   ENTRY ANIMATION
========================================= */

.loha-hanging-content,
.loha-hanging-stage {
    opacity: 0;
}


.loha-hanging-content {
    transform: translateX(-70px);
}


.loha-hanging-stage {
    transform: translateX(70px);
}


.loha-hanging-section.loha-hanging-visible
.loha-hanging-content {

    opacity: 1;

    transform: translateX(0);

    transition:
        opacity 0.9s ease,
        transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}


.loha-hanging-section.loha-hanging-visible
.loha-hanging-stage {

    opacity: 1;

    transform: translateX(0);

    transition:
        opacity 1s 0.15s ease,
        transform 1.1s 0.15s
        cubic-bezier(0.22, 1, 0.36, 1);
}


/* =========================================
   MODAL
========================================= */

.loha-hanging-modal {

    position: fixed;

    inset: 0;

    z-index: 99999;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 30px;

    background:
        rgba(8, 15, 28, 0.92);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

    opacity: 0;

    visibility: hidden;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}


.loha-hanging-modal.active {

    opacity: 1;

    visibility: visible;
}


/* Modal inner */

.loha-hanging-modal-inner {

    width: min(900px, 100%);

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 25px;

    transform: scale(0.9);

    transition: transform 0.4s ease;
}


.loha-hanging-modal.active
.loha-hanging-modal-inner {

    transform: scale(1);
}


/* Modal image */

.loha-hanging-modal-card {

    width: 100%;

    overflow: hidden;

    border-radius: 10px;

    background: #ffffff;

    box-shadow:
        0 40px 100px rgba(0,0,0,0.45);
}


.loha-hanging-modal-card img {

    display: block;

    width: 100%;

    height: auto;
}


/* Close */

.loha-hanging-close {

    position: absolute;

    top: 25px;
    right: 30px;

    width: 50px;
    height: 50px;

    border: 1px solid
        rgba(255,255,255,0.3);

    border-radius: 50%;

    background:
        rgba(255,255,255,0.08);

    color: #ffffff;

    font-size: 30px;

    cursor: pointer;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}


.loha-hanging-close:hover {

    background: #ff7300;

    transform: rotate(90deg);
}


/* Switch buttons */

.loha-hanging-switch {

    display: flex;

    gap: 8px;
}


.loha-hanging-switch button {

    padding: 10px 24px;

    border: 1px solid
        rgba(255,255,255,0.3);

    border-radius: 5px;

    background: transparent;

    color: #ffffff;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

    cursor: pointer;

    transition: all 0.3s ease;
}


.loha-hanging-switch button:hover,
.loha-hanging-switch button.active {

    background: #ff7300;

    border-color: #ff7300;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .loha-hanging-section {

        padding: 100px 0;

    }

    .loha-hanging-container {

        grid-template-columns: 1fr;

        gap: 60px;

    }

    .loha-hanging-content {

        max-width: 650px;

    }

    .loha-hanging-stage {

        height: 570px;

    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .loha-hanging-section {

        padding: 75px 0 90px;

    }

    .loha-hanging-container {

        width: calc(100% - 30px);

        gap: 35px;

    }

    .loha-hanging-content h2 {

        font-size: 46px;

        letter-spacing: -2px;

    }

    .loha-hanging-content > p {

        font-size: 14px;

    }

    .loha-hanging-meta {

        flex-wrap: wrap;

        line-height: 1.5;

    }

    .loha-hanging-stage {

        height: 460px;

    }

    .loha-hanging-beam {

        width: 94%;

        left: 3%;

    }

    .loha-hanging-item {

        width: 72vw;

        max-width: 390px;

    }

    .loha-hanging-front {

        left: -2%;

    }

    .loha-hanging-back {

        right: -2%;

    }

    .loha-wire {

        height: 95px;

    }

    .loha-card-pin {

        top: 87px;

    }

    .loha-hanging-tech {

        bottom: 15px;

        font-size: 7px;

        letter-spacing: 1.5px;

    }

    .loha-hanging-tech span {

        width: 25px;

    }

    .loha-orange-line {

        left: -180px;

        bottom: 60px;

    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .loha-hanging-content h2 {

        font-size: 40px;

    }

    .loha-hanging-stage {

        height: 390px;

    }

    .loha-hanging-item {

        width: 80vw;

    }

    .loha-wire {

        height: 80px;

    }

    .loha-card-pin {

        top: 73px;

    }

    .loha-hanging-front {

        left: -5%;

    }

    .loha-hanging-back {

        right: -5%;

    }

    .loha-hanging-btn {

        width: 100%;

        justify-content: space-between;

    }

}


/* =========================================
   REDUCED MOTION
========================================= */

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

    .loha-hanging-front,
    .loha-hanging-back {

        animation: none;

    }

    .loha-hanging-content,
    .loha-hanging-stage {

        opacity: 1;

        transform: none;

        transition: none;

    }

}

/*=========================
FOOTER
==========================*/

.loha-footer{

background:#111;

color:#fff;

padding-top:80px;

}

.footer-logo{

height:55px;

margin-bottom:25px;

}

.footer-about{

color:#bbb;

line-height:30px;

margin-bottom:30px;

}

.loha-footer h4{

margin-bottom:25px;

font-size:22px;

font-weight:600;

position:relative;

}

.loha-footer h4::after{

content:"";

width:45px;

height:3px;

background:#f47c20;

position:absolute;

left:0;

bottom:-10px;

}

.loha-footer ul{

padding:0;

margin:0;

list-style:none;

}

.loha-footer ul li{

margin-bottom:15px;

color:#bbb;

}
.loha-footer ul li:hover{
    color:darkorange;
}

.loha-footer ul li a{

color:#bbb;

text-decoration:none;

transition:.3s;

}

.loha-footer ul li a:hover{

color:darkorange;

padding-left:8px;

}

.footer-contact li i{

color:#f47c20;

margin-right:10px;

}

.footer-social{

display:flex;

gap:20px;

padding-top:20px;

}

.footer-social a{

width:45px;

height:45px;

background:#222;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

color:#fff;

transition:.4s;

}

.footer-social a:hover{

background:#f47c20;

transform:translateY(-5px);

}

.footer-bottom{

margin-top:10px;

padding:20px 0;

border-top:1px solid rgba(255,255,255,.1);

text-align:center;

}

.footer-bottom p{

margin:0;

color:#bbb;

}

/*=========================
BACK TO TOP
==========================*/

.back-top{

position:fixed;

right:25px;

bottom:100px;

width:50px;

height:50px;

border:none;

background:#f47c20;

color:#fff;

border-radius:50%;

font-size:20px;

cursor:pointer;

display:none;

z-index:999;

transition:.4s;

}

.back-top:hover{

background:#0d47a1;

transform:translateY(-5px);

}
@media(max-width:991px){

.loha-footer{

text-align:center;

}

.footer-social{

justify-content:center;

}

.loha-footer h4::after{

left:50%;

transform:translateX(-50%);

}

}

@media(max-width:576px){

.footer-logo{

height:60px;

}

.footer-bottom{

font-size:14px;

}

.back-top{

width:45px;

height:45px;

right:15px;

bottom:85px;
overflow-x: hidden;

}

}
/* ------------- */
/*==========================
PREMIUM FOOTER
===========================*/

.loha-footer{

background:#08111f;

padding-top:60px;

}

/* Footer Cards */

.loha-footer .col-lg-4,
.loha-footer .col-lg-3,
.loha-footer .col-lg-2{

margin-bottom:10px;

}

.footer-card{

background:rgba(255,255,255,.04);

padding:28px;

border-radius:18px;

height:100%;

transition:.4s;

border:1px solid rgba(255,255,255,.05);

}

.footer-card:hover{

transform:translateY(-8px);

border-color:#f47c20;

box-shadow:0 15px 35px rgba(0,0,0,.25);

}

/* Map */

.footer-map{

margin-top:20px;

border-radius:12px;

overflow:hidden;

}

.footer-map iframe{

width:100%;

height:130px;

border:0;

display:block;

}

/* Quick Links */

.loha-footer ul li{

transition:.3s;

}

.loha-footer ul li:hover{

transform:translateX(6px);

}

/* Social */

.footer-social a{

transition:.35s;

}

.footer-social a:hover{

transform:translateY(-5px) rotate(10deg);

}

/*==========================
Mobile
===========================*/

/*==========================
FOOTER MOBILE LAYOUT
===========================*/
@media (max-width:767px){

.loha-footer{
    padding-top:60px;
}
.footer-logo{
    display:block;
    margin:0 auto 20px;
    height:60px;
}

/* Make footer row a grid */
/*.loha-footer .row{*/
/*    display:grid;*/
/*    grid-template-columns:1fr 1fr;*/
/*    gap:15px;*/
/*}*/

/* Remove Bootstrap spacing */
.loha-footer .col-6,
.loha-footer .col-md-6,
.loha-footer .col-lg-4,
.loha-footer .col-lg-3,
.loha-footer .col-lg-2{
    width:100%;
    max-width:100%;
    flex:none;
    padding:0;
}

/* 1st Row */
.loha-footer .col-lg-4{
    grid-column:1;
}

.loha-footer .col-lg-2{
    grid-column:2;
}

/* 2nd Row */
.loha-footer .col-lg-3:first-of-type{
    grid-column:1;
}

.loha-footer .col-lg-3:last-of-type{
    grid-column:2;
}

/* Company */
.footer-logo{
    height:45px;
    margin-bottom:15px;
}

.footer-about{
    font-size:13px;
    line-height:24px;
    margin-bottom:0;
}

/* Titles */
.loha-footer h4{
    font-size:18px;
    margin-bottom:18px;
}

.loha-footer h4::after{
    left:0;
    transform:none;
}

/* Lists */
.loha-footer ul li{
    font-size:14px;
    margin-bottom:10px;
}

/* Map below everything */
.footer-map{
    grid-column:1 / -1;
    margin-top:20px;
}

.footer-map iframe{
    width:100%;
    height:220px;
    border-radius:30px;
    padding:15px;
}

/* Social icons below map */
.footer-social{
    grid-column:1 / -1;
    justify-content:center;
    margin-top:20px;
}

.footer-social a{
    width:40px;
    height:40px;
}

/* Copyright */
.footer-bottom{
    margin-top:25px;
}

}
/*----------------------------*/


/* =========================
   FLOATING CALL BUTTON
========================= */

.dma-call-btn{
    position:fixed;
    bottom:30px;
    left:45px;

    width:50px;
    height:50px;

    border-radius:50%;

    background:
    linear-gradient(
    135deg,
    #ffd27d,
    #c98d3c
    );

    display:flex;
    align-items:center;
    justify-content:center;

    color:#4d0016;
    font-size:24px;

    text-decoration:none;

    z-index:99999;

    box-shadow:
    0 0 0 rgba(255,210,125,.5);

    animation:dmaPulseCall 2s infinite;
}

/* =========================
   FLOATING WHATSAPP BUTTON
========================= */

.dma-whatsapp-btn{
    position:fixed;
    bottom:30px;
    right:25px;

    width:50px;
    height:50px;

    border-radius:50%;

    background:#25D366;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:32px;

    text-decoration:none;

    z-index:99999;

    box-shadow:
    0 0 0 rgba(37,211,102,.5);

    animation:dmaPulseWhatsapp 2s infinite;
}

/* Hover Effects */

.dma-call-btn:hover,
.dma-whatsapp-btn:hover{
    transform:translateY(-5px) scale(1.05);
}

/* Pulse Animation */

@keyframes dmaPulseWhatsapp{

    0%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,.6);
    }

    70%{
        box-shadow:
        0 0 0 18px rgba(37,211,102,0);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,0);
    }
}

@keyframes dmaPulseCall{

    0%{
        box-shadow:
        0 0 0 0 rgba(255,210,125,.6);
    }

    70%{
        box-shadow:
        0 0 0 18px rgba(255,210,125,0);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(255,210,125,0);
    }
}

/* Mobile */

@media(max-width:768px){

.dma-call-btn,
.dma-whatsapp-btn{
    width:45px;
    height:45px;
}

.dma-call-btn{
    left:16px;
    bottom:20px;
}

.dma-whatsapp-btn{
    right:16px;
    bottom:20px;
}
}