@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

h1,h2,h3,h4,h5,h6,a,p,body{
      font-family: 'Plus Jakarta Sans', sans-serif !important;
    }

    body{
      background-color: #080808!important;

}










[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos] {
    pointer-events: none
}

[data-aos].aos-animate {
    pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate3d(-100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate3d(-100px, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate3d(100px, -100px, 0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

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

    html:not(.no-js) [data-aos=zoom-in] {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(.6);
        transform: translate3d(0, 100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(.6);
        transform: translate3d(0, -100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
        transform: translate3d(-100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(.6);
        transform: translate3d(100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
        transform: translate3d(0, 100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
        transform: translate3d(0, -100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
        transform: translate3d(-100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
        transform: translate3d(100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        visibility: hidden
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
        visibility: visible;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    html:not(.no-js) [data-aos=slide-up] {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

    html:not(.no-js) [data-aos=flip-left].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

    html:not(.no-js) [data-aos=flip-right].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

    html:not(.no-js) [data-aos=flip-up].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }

    html:not(.no-js) [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

    html:not(.no-js) [data-aos=flip-down].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }
}








a{
    text-decoration:none;
}

ul{
    list-style:none;
}

.container{
    width:100%;
    max-width:1484px;
    margin:auto;
    padding:0 15px;
}

/*=========================================
Top Offer Bar
=========================================*/

.top-offer-bar{
    background:#111d08;
    background:linear-gradient(90deg,#13210a 0%,#1b3010 50%,#13210a 100%);
    color:#fff;
    height:54px;

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

    padding:0 18px;

    border-bottom:1px solid rgba(255,255,255,.08);
}

.offer-left{
    display:flex;
    align-items:center;
    gap:30px;
}

.offer-tag{
    display:flex;
    align-items:center;
    gap:10px;

    color:#dfff2f;

    font-size:15px;
    font-weight:700;
}

.offer-tag svg{
    color:#dfff2f;
}

.offer-text{
    font-size:15px;
    color:#fff;
}

.offer-text strong{

    padding:8px 18px;

    border:1px solid #7bc400;
    border-radius:10px;

    margin:0 8px;

    font-size:15px;
}







.offer-text span{
    color:#8ee300;
    font-weight:800;
    font-size:16px;
}

.offer-right{
    display:flex;
    align-items:center;
    gap:18px;
}

.copy-btn{

    background:#8fd400;

    border:none;

    color:#111;

    font-weight:700;

    padding:10px 20px;

    border-radius:8px;

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

    cursor:pointer;

    transition:.3s;
}

.copy-btn:hover{
    background:#a4ec11;
}

.offer-close{

    width:34px;
    height:34px;

    border:none;

    background:transparent;

    color:#fff;

    cursor:pointer;
}

/*=========================================
Header
=========================================*/

.main-header{

    background:#050505;

    border-bottom:1px solid rgba(255,255,255,.08);
    padding-top: 26px;
    padding-bottom: 26px;
}

.main-header .container{

    height:82px;

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

.logo img{

    max-height:108px;

    display:block;
}

/*====================
Menu
====================*/

.navbar ul{

    display:flex;

    align-items:center;

    gap:36px;
}

.navbar li{

    position:relative;
}

.navbar li a{

    color:#fff;

    font-size:15px;

    font-weight:500;

    display:flex;

    align-items:center;

    gap:7px;

    transition:.3s;
}

.navbar li.active a{

    color:#8bd000;
}

.navbar li.active::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-28px;

    width:100%;

    height:2px;

    background:#8bd000;
}

.navbar li a:hover{

    color:#8bd000;
}

.has-dropdown svg{

    width:14px;
    height:14px;
}

/*====================
Header Right
====================*/

.header-right{

    display:flex;

    align-items:center;

    gap:18px;
}

.call-btn{

    height:50px;

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

    border-radius:10px;

    padding:0 18px;

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    transition:.3s;
}

.call-btn svg{

    color:#84d200;
}

.call-btn span{

    font-weight:600;

    font-size:16px;
}

.call-btn:hover{

    border-color:#8bd000;
}

.menu-btn{

    width:48px;
    height:48px;

    background:none;

    border:none;

    color:#fff;

    cursor:pointer;

    transition:.3s;
}

.menu-btn:hover{

    color:#8bd000;
}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.navbar{
display:none;
}

}

@media(max-width:991px){

.top-offer-bar{

flex-direction:column;

height:auto;

padding:12px;

gap:12px;
}

.offer-left{

flex-direction:column;

gap:12px;

text-align:center;
}

.main-header .container{

height:75px;
}

.logo img{

max-height:86px;
}

.call-btn span{

display:none;
}

.call-btn{

width:50px;
padding:0;
justify-content:center;
}

}

@media(max-width:767px){

.copy-btn{

font-size:13px;

padding:8px 15px;
}

.offer-text{

font-size:13px;
}

.offer-tag{

font-size:14px;
}

}




@media (max-width:1200px){

    .navbar{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#050505;
        display:none;
        border-top:1px solid rgba(255,255,255,.08);
        z-index:999;
    }

    .navbar.active{
        display:block;
    }

    .navbar ul{
        flex-direction:column;
        gap:0;
        padding:20px;
    }

    .navbar ul li{
        width:100%;
    }

    .navbar ul li a{
        padding:14px 0;
        border-bottom:1px solid rgba(255,255,255,.08);
        justify-content:space-between;
    }

    .main-header{
        position:relative;
    }

}






 

.left-content h1{
    font-size:55px;
    font-weight:700;
    line-height:1.05;
    color:#fff;
    margin-bottom:18px;
}

.left-content h1 span{
    color:#63d229;
}

.left-content p{
    color:#fff;
    font-size:18px;
    line-height:1.7;
    margin-bottom:28px;
}

/* avatars */

.review-row{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:28px;
}

.avatars{
    display:flex;
    align-items:center;
}

.avatars img{
    width:42px;
    height:42px;
    border-radius:50%;
    border:3px solid #000;
    margin-left:-10px;
    object-fit:cover;
}

.avatars img:first-child{
    margin-left:0;
}

.count{
    margin-left:10px;
    background:#1a1a1a;
    color:#6de035;
    padding:8px 12px;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
}

.review-text strong{
    display:block;
    font-size:15px;
    color: #fff;
}

.review-text small{
    color:#fff;
    font-size:13px;
}

/* buttons */

.btn-group{
    display:flex;
    gap:14px;
    margin-bottom:28px;
}

.apply-btn{

    background:#6dde35;

    color:#111;

    height:54px;

    padding:0 24px;

    border-radius:14px;

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:700;
}



.expert-btn{

    background:#111;

    color:#fff;

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

    border-radius:14px;

    height:54px;

    padding:0 22px;

    display:flex;

    align-items:center;

    gap:12px;
    font-size: 14px;
}

.expert-btn img{
    width:20px;
}

/* ratings */

.rating-box{
    display:flex;
    gap:18px;
}

.rating-item{

    flex:1;

    display:flex;

    align-items:center;

    gap:14px;
}

.google-icon{
    width:46px;
}

.user-icon{
    font-size:42px;
    color:#67d934;
}

.rating-item h3{
    font-size:20px;
    margin-bottom:4px;
    color: #fff
}

.rating-item p{
    margin:0;
    font-size:13px;
    color:#9d9d9d;
}

.stars{
    color:#FFD54A;
    margin-top:4px;
    font-size:15px;
}







  .search-btn{
    width:52px;
    height:52px;
    border:none;
    border-radius:12px;
    background:#95d600;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s;
}

.search-btn:hover{
    background:#a8ef00;
}

.search-btn svg{
    width:20px;
    height:20px;
}





  /*====================================================
RESET
====================================================*/



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

a{
    text-decoration:none;
}

button{
    border:none;
    outline:none;
    cursor:pointer;
    font-family:inherit;
}

/*====================================================
SECTION
====================================================*/

.travel-section{
    width:100%;
    padding:25px 35px;
    background:#080808;
    margin-bottom: 30px;
}

.travel-wrapper{
    max-width:1700px;
    margin:auto;
    display:grid;
    grid-template-columns:360px 1fr;
    gap:40px;
    align-items:flex-start;
}

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

.left-content{
    position:sticky;
    top:40px;
}

.left-content h1{
    font-size:57px;
    line-height:1.05;
    font-weight:700;
    letter-spacing:-2px;
    margin-bottom:20px;
}

.left-content h1 span{
    display:block;
    color:#73d62f;
}

.left-content p{
    color: #fff;
    font-size:17px;
    line-height:1.8;
    margin-bottom:0px;
}

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

.apply-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 24px;
    border-radius: 16px;
    background: #73d62f;
    color: #111;
    font-size: 14px;
    font-weight: 700;
    transition: .35s;
}

.apply-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(115,214,47,.25);
}

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

.right-content{
    width:100%;
    overflow:hidden;
}

/*====================================================
SLIDER WRAPPER
====================================================*/

.slider-container{
    position:relative;
    width:100%;
    overflow:hidden;
}

.slider-track{
    display:flex;
    gap:25px;
    transition:transform .6s ease;
    will-change:transform;
}

/*====================================================
NAV BUTTONS
====================================================*/

.nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:54px;
    height:54px;
    border-radius:50%;
    background:#141414;
    color:#fff;
    font-size:20px;
    z-index:50;
    transition:.3s;
}

.nav:hover{
    background:#73d62f;
    color:#111;
}

.prev{
    left:12px;
}

.next{
    right:12px;
}

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

@media(max-width:1200px){

.travel-wrapper{
    grid-template-columns:1fr;
}

.left-content{
    position:relative;
    top:auto;
    margin-bottom:35px;
}

}

@media(max-width:768px){

.travel-section{
    padding:25px;
}

.left-content h1{
    font-size:42px;
}

.left-content p{
    font-size:15px;
}

.apply-btn{
    width:100%;
}

.nav{
    display:none;
}

}

/*====================================================
TOP FILTER BAR
====================================================*/

.top-filter{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;

    background:#111111;
    border:1px solid rgba(255,255,255,.06);

    border-radius:22px;

    padding:18px 22px;

    margin-bottom:30px;
}

/*====================================================
FILTER BOX
====================================================*/

.filter-box{
    flex:1;
    position:relative;
    padding-right:20px;
}

.filter-box:not(:last-child)::after{
    content:"";
    position:absolute;
    top:4px;
    right:0;
    width:1px;
    height:42px;
    background:rgba(255,255,255,.06);
}

.filter-box small{
    display:block;
    color:#8c8c8c;
    font-size:12px;
    font-weight:500;
    margin-bottom:6px;
    letter-spacing:.3px;
}

.filter-box span{
    display:flex;
    align-items:center;
    gap:6px;
    color:#fff;
    font-size:15px;
    font-weight:600;
    white-space:nowrap;
}

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

.search-btn{
    width:58px;
    height:58px;
    flex-shrink:0;

    border-radius:50%;

    background:#73d62f;
    color:#111;

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

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

    transition:.35s ease;
}

.search-btn:hover{
    transform:scale(1.08);
    box-shadow:0 12px 30px rgba(115,214,47,.30);
}

/*====================================================
SLIDER AREA
====================================================*/

.slider-container{
    position:relative;
    overflow:hidden;
    width:100%;
}

.slider-track{
    display:flex;
    align-items:stretch;
    gap:25px;
    will-change:transform;
}

/*====================================================
CARD DEFAULT SIZE
====================================================*/

.card{
    flex:0 0 380px;
}

/*====================================================
NAVIGATION BUTTONS
====================================================*/

.nav{
    display:flex;
    align-items:center;
    justify-content:center;

    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:54px;
    height:54px;

    border-radius:50%;

    background:#181818;
    color:#fff;

    z-index:20;

    transition:.3s;
}

.nav:hover{
    background:#73d62f;
    color:#111;
}

.prev{
    left:12px;
}

.next{
    right:12px;
}

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

@media(max-width:1100px){

    .top-filter{
        flex-wrap:wrap;
    }

    .filter-box{
        flex:0 0 calc(50% - 10px);
        padding-right:0;
    }

    .filter-box::after{
        display:none !important;
    }

    .search-btn{
        width:100%;
        border-radius:14px;
        height:54px;
    }

    .card{
        flex:0 0 330px;
    }

}

@media(max-width:768px){

    .top-filter{
        padding:18px;
        gap:14px;
    }

    .filter-box{
        flex:100%;
    }

    .card{
        flex:0 0 88vw;
    }

    .prev,
    .next{
        display:none;
    }

}
/*====================================================
TRAVEL CARD
====================================================*/

.card{

    position:relative;

    width:380px;

    height:445px;

    flex-shrink:0;

    border-radius:32px;

    overflow:hidden;

    background:#111;

    transition:.45s ease;

    cursor:pointer;

}

.card:hover{

    transform:translateY(-10px);

}


/*====================================================
IMAGE
====================================================*/

.card .image{

    position:absolute;

    inset:0;

    overflow:hidden;

}

.card .image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:1.2s ease;

}

.card:hover .image img{

    transform:scale(1.08);

}


/*====================================================
OVERLAY
====================================================*/

.overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    to top,

    rgba(0,0,0,.96) 0%,

    rgba(0,0,0,.82) 20%,

    rgba(0,0,0,.42) 55%,

    rgba(0,0,0,.08) 100%

    );

    z-index:1;

}


/*====================================================
TOP COUNTRY
====================================================*/

.country{

    position:absolute;

    left:28px;

    top:28px;

    display:flex;

    align-items:center;

    gap:14px;

    z-index:5;

}

.country img{

    width:56px;

    height:56px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid rgba(255,255,255,.18);

}

.country h3{

    color:#fff;

    font-size:14px;

    font-weight:700;

    line-height:1.2;

    text-transform:uppercase;

    letter-spacing:.4px;

}


/*====================================================
POPULAR BADGE
====================================================*/

/* .card::before{

    content:"POPULAR";

    position:absolute;

    right:24px;

    top:24px;

    padding:8px 14px;

    border-radius:50px;

    background:#73d62f;

    color:#111;

    font-size:11px;

    font-weight:800;

    letter-spacing:1px;

    z-index:6;

} */


/*====================================================
SHADOW
====================================================*/

.card::after{

    content:"";

    position:absolute;

    left:18px;

    right:18px;

    bottom:-22px;

    height:36px;

    border-radius:50%;

    background:rgba(0,0,0,.55);

    filter:blur(18px);

    z-index:-1;

}


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

.card:hover .country{

    transform:translateY(-4px);

    transition:.4s ease;

}

.card:hover::before{

    background:#ffffff;

}


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

@media(max-width:991px){

    .card{

        width:340px;

        height:540px;

    }

    .country{

        left:22px;

        top:22px;

    }

    .country img{

        width:50px;

        height:50px;

    }

    .country h3{

        font-size:18px;

    }

}

@media(max-width:767px){

    .card{

        width:88vw;

        height:500px;

        border-radius:24px;

    }

    .country{

        left:18px;

        top:18px;

        gap:10px;

    }

    .country img{

        width:44px;

        height:44px;

    }

    .country h3{

        font-size:16px;

    }

}

/*====================================================
DETAILS BOX
====================================================*/

.details{

    position:absolute;

    left:22px;

    right:22px;

    bottom:105px;

    display:flex;

    justify-content:space-between;

    gap:18px;

    padding:22px;

    border-radius:22px;

    background:rgba(15,15,15,.82);

    backdrop-filter:blur(18px);

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

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

    z-index:10;

    transition:.35s;

}

.details div{

    flex:1;

    text-align:center;

}

.details div:not(:last-child){

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

}

.details label{

    display:block;

    color:#8f8f8f;

    font-size:11px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:8px;

}

.details p{

    color:#73d62f;

    font-size:18px;

    font-weight:600;

}


/*====================================================
BOTTOM STRIP
====================================================*/

.bottom{

    position:absolute;

    left:22px;

    right:22px;

    bottom:14px;

    background:#000;

    color:#73d62f;

    border-radius:18px;

    padding:15px 20px;

    display:flex;

    flex-direction:column;

    gap:6px;

    z-index:12;

    transition:.35s;

    font-size:14px;

    font-weight:600;

}

.bottom strong{

    font-size:18px;

    font-weight:800;

}


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

.card:hover .details{

    transform:translateY(-5px);

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

}

.card:hover .bottom{

    transform:translateY(-5px);

}

.card:hover{

    box-shadow:
    0 20px 45px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.04);

}


/*====================================================
ACTIVE SCALE
====================================================*/

.card{

    transform-origin:center;

}

.card:hover{

    transform:translateY(-10px) scale(1.01);

}


/*====================================================
SMOOTH TRANSITIONS
====================================================*/

.card,
.card *,
.details,
.bottom,
.country,
.image img{

    transition:all .35s ease;

}


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

@media(max-width:991px){

.details{

    left:18px;
    right:18px;
    bottom:98px;

    padding:18px;

}

.details p{

    font-size:16px;

}

.bottom{

    left:18px;
    right:18px;
    bottom:15px;

    padding:14px;

}

.bottom strong{

    font-size:16px;

}

}

@media(max-width:767px){

.details{

    flex-direction:row;

    gap:10px;

    padding:15px;

}

.details label{

    font-size:10px;

}

.details p{

    font-size:14px;

}

.bottom{

    padding:14px;

    font-size:12px;

}

.bottom strong{

    font-size:14px;

}

}









  .top-filter{
    display:flex;
    align-items:center;
    background:#141414;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50px;
    padding:8px;
    gap:5px;
    box-shadow:0 8px 25px rgba(0,0,0,.25);
}

.filter-item{
    flex:1;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 18px;
}

.filter-item i{
    color:#73d62f;
    font-size:15px;
}

.filter-item select{
    width:100%;
    background:transparent;
    border:none;
    outline:none;
    color:#fff;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    appearance:none;
}

.filter-item select option{
    background:#222;
    color:#fff;
}

.divider{
    width:1px;
    height:30px;
    background:rgba(255,255,255,.1);
}

.search-btn{
    width:48px;
    height:48px;
    border:none;
    border-radius:50%;
    background:#73d62f;
    color:#fff;
    cursor:pointer;
    transition:.3s;
    display:flex;
    align-items:center;
    justify-content:center;
}

.search-btn:hover{
    background:#08548f;
    transform:scale(1.05);
}



/* ===========================
   Tablet
=========================== */

@media (max-width:991px){

    .top-filter{
        border-radius:20px;
        flex-wrap:wrap;
        padding:12px;
        gap:12px;
    }

    .filter-box{
        width:calc(50% - 6px);
        flex:none;
        padding:12px 15px;
        border:1px solid rgba(255,255,255,.08);
        border-radius:14px;
        background:#1b1b1b;
    }

    .filter-box::after{
        display:none;
    }

    .search-btn{
        width:100%;
        height:50px;
        border-radius:14px;
    }

}


  .visa-slider{
position:relative;
overflow:hidden;
width:100%;
}

.visa-track{
display:flex;
gap:18px;
transition:.5s;
}

.visa-card{

min-width:180px;
height:300px;
border-radius:18px;
overflow:hidden;
position:relative;
flex-shrink:0;
cursor:pointer;

}

.visa-card img{

width:100%;
height:100%;
object-fit:cover;
display:block;

}

.visa-card .overlay{

position:absolute;
inset:0;
background:linear-gradient(to top,
rgba(0,0,0,.95),
rgba(0,0,0,.15));

}

.content{

position:absolute;
bottom:0;
left:0;
width:100%;
padding:16px;
color:#fff;

}

.country{

text-align:center;
margin-bottom:15px;

}

.country img{

width:24px;
height:16px;
object-fit:cover;
margin-bottom:8px;

}

.country h3{

font-size:14px;
font-weight:700;
line-height:1.3;

}

.details{

display:flex;
justify-content:space-between;
text-align:center;
margin-bottom:14px;

}

.details small{

display:block;
font-size:9px;
color:#bdbdbd;

}

.details span{

font-size:11px;
font-weight:600;

}

.date{

font-size:10px;
color:#cfcfcf;

}

.date strong{

display:block;
color:#8cff49;
margin-top:4px;
font-size:11px;

}

.arrow{

position:absolute;
top:50%;
transform:translateY(-50%);
width:40px;
height:40px;
border:none;
border-radius:50%;
background:#fff;
cursor:pointer;
z-index:5;

}

.prev{

left:-10px;

}

.next{

right:-10px;

}



  .trust-bar{

    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#080808;
    border:1px solid rgba(255,255,255,.08);
    border-radius:0px;
    overflow:hidden;
    margin-top:-19px;

}

.trust-item{

    flex:1;
    display:flex;
    align-items:center;
    gap:15px;
    padding:22px 24px;
    position:relative;
    transition:.35s;

}

.trust-item:not(:last-child)::after{

    content:"";
    position:absolute;
    right:0;
    top:20%;
    width:1px;
    height:60%;
    background:rgba(255,255,255,.08);

}

.trust-item:hover{

    background:#17181d;

}

.icon{

    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#8CE63B;
    flex-shrink:0;

}

.text h4{

    margin:0;
    color:#fff;
    font-size:18px;
    font-weight:700;

}

.text p{

    margin:4px 0 0;
    color:#9ea3ad;
    font-size:13px;
    line-height:1.4;

}


/* ===========================
   Responsive
=========================== */

@media (max-width: 1199px){

    .trust-item{
        padding:18px 16px;
        gap:12px;
    }

    .icon{
        width:42px;
        height:42px;
        font-size:22px;
    }

    .text h4{
        font-size:16px;
    }

    .text p{
        font-size:12px;
    }

}

@media (max-width: 991px){

    .trust-bar{
        flex-wrap:wrap;
    }

    .trust-item{
        flex:0 0 50%;
        max-width:50%;
        padding:18px;
    }

    .trust-item:nth-child(2)::after,
    .trust-item:nth-child(4)::after{
        display:none;
    }

    .trust-item:nth-child(-n+4){
        border-bottom:1px solid rgba(255,255,255,.08);
    }

}

@media (max-width: 767px){

    .trust-bar{
        border-radius:0px;
        margin-top:0px;
    }

    .trust-item{
        flex:0 0 100%;
        max-width:100%;
        padding:16px 18px;
        gap:14px;
    }

    .trust-item::after{
        display:none;
    }

    .trust-item:not(:last-child){
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .icon{
        width:40px;
        height:40px;
        font-size:20px;
    }

    .text h4{
        font-size:16px;
    }

    .text p{
        font-size:12px;
        line-height:1.5;
    }

}

@media (max-width:480px){

    .trust-item{
        padding:14px 16px;
    }

    .icon{
        width:36px;
        height:36px;
        font-size:18px;
    }

    .text h4{
        font-size:15px;
    }

    .text p{
        font-size:11px;
    }

}






  /*==========================
 TOUR CATEGORY SECTION
==========================*/

.tour-category-section{
    padding:30px 0;
    background-color: #080808;
    margin-top: 30px;
}

.tour-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

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

.tour-card{
    position:relative;
    height:155px;
    border-radius:18px;
    overflow:hidden;
    cursor:pointer;
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    transition:.45s ease;
}

.bg-img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s;
    display:block;
}

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.60) 45%,
        rgba(0,0,0,.18) 100%
    );
    transition:.45s;
}

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

.tour-content{
    position:absolute;
    inset:0;
    padding:18px;
    display:flex;
    gap:14px;
    align-items:flex-start;
    z-index:2;
}

.tour-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    flex-shrink:0;
}

.yellow{
    background:#d9a13a;
}

.red{
    background:#d55454;
}

.purple{
    background:#8a5cff;
}

.blue{
    background:#2b9df6;
}

.tour-icon svg{
    width:20px;
    height:20px;
}

/*==========================
 TEXT
==========================*/

.tour-text{
    flex:1;
}

.tour-text h3{
    color:#fff;
    font-size:18px;
    font-weight:700;
    margin:0 0 12px;
}

.tour-text p{
    color:#fff;
    font-size:14px;
    line-height:1.45;
    margin:0 0 0px;
}

.tour-text a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#77df42;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.tour-text a svg{
    width:14px;
    height:14px;
    stroke:currentColor;
    transition:.3s;
}

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

.tour-card:hover{
    transform:translateY(-6px);
    border-color:rgba(119,223,66,.35);
    box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.tour-card:hover .bg-img{
    transform:scale(1.08);
}

.tour-card:hover .overlay{
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.92) 0%,
        rgba(0,0,0,.66) 45%,
        rgba(0,0,0,.22) 100%
    );
}

.tour-card:hover .tour-text a{
    color:#9dff63;
}

.tour-card:hover .tour-text a svg{
    transform:translateX(5px);
}

.tour-card:hover .tour-icon{
    transform:scale(1.08);
}

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

@media(max-width:1200px){

    .tour-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .tour-grid{
        grid-template-columns:1fr;
    }

    .tour-card{
        height:170px;
    }

    .tour-content{
        padding:16px;
    }

    .tour-text h3{
        font-size:17px;
    }

    .tour-text p{
        font-size:12px;
    }

}


/*==================================
 PREMIUM FINISH
===================================*/

/* Glass Border */
.tour-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:18px;

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

    pointer-events:none;

    transition:.4s;

    z-index:3;

}

.tour-card:hover::before{

    border-color:rgba(119,223,66,.35);

}

/* Shine Effect */

.tour-card::after{

    content:"";

    position:absolute;

    top:-120%;

    left:-60%;

    width:45%;

    height:250%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );

    transform:rotate(22deg);

    transition:.8s;

    z-index:2;

}

.tour-card:hover::after{

    left:150%;

}

/* Icon Animation */

.tour-icon{

    transition:.35s ease;

    box-shadow:0 0 0 rgba(0,0,0,0);

}

.tour-card:hover .tour-icon{

    transform:scale(1.1) rotate(-6deg);

    box-shadow:0 0 18px rgba(119,223,66,.35);

}

/* Text Animation */

.tour-text h3,
.tour-text p,
.tour-text a{

    transition:.35s;

}

.tour-card:hover .tour-text h3{

    transform:translateY(-2px);

}

.tour-card:hover .tour-text p{

    color:#d2d6dd;

}

.tour-card:hover .tour-text a{

    letter-spacing:.3px;

}

/* Explore Arrow */

.tour-text a svg{

    transition:.35s;

}

.tour-card:hover .tour-text a svg{

    transform:translateX(6px);

}

/* Image Smooth */

.bg-img{

    filter:brightness(.95);

}

.tour-card:hover .bg-img{

    filter:brightness(1.08);

}

/* Shadow */

.tour-card{

    box-shadow:
    0 8px 20px rgba(0,0,0,.18);

}

.tour-card:hover{

    box-shadow:
    0 18px 45px rgba(0,0,0,.35);

}

/* GPU */

.tour-card,
.bg-img,
.overlay{

    backface-visibility:hidden;
    transform:translateZ(0);

}



  .process-section{
    background:#080808;
    padding:20px 0;
    position:relative;
    overflow:hidden;
}

/* .process-section .container{
    max-width:1350px;
    margin:auto;
    padding:0 15px;
} */

.process-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

/* Left Side */

.process-left{
    width:45%;
}

.process-left img{
    width:100%;
    display:block;
}

/* Right Side */

.process-right{
    width:55%;
}

.section-title{
    margin-bottom:45px;
}

.section-title span{
    color:#7ED321;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    display:inline-block;
    margin-bottom:18px;
    position:relative;
}

.section-title span::after{
    content:"";
    width:70px;
    height:2px;
    background:#7ED321;
    position:absolute;
    left:0;
    bottom:-10px;
}

.section-title h2{
    color:#fff !important;
    font-size:54px;
    line-height:1.15;
    font-weight:700;
    margin-bottom:20px;
}

.section-title h2 strong{
    display:block;
    color:#7ED321;
    font-weight:700;
}



strong{
    /* display:block; */
    color:#7ED321;
    font-weight:600;
}
.section-title p{
    color:#bdbdbd;
    font-size:18px;
    line-height:1.8;
    max-width:620px;
}

/* Process List */

.process-list{
    position:relative;
}

.process-list::before{
    content:"";
    position:absolute;
    left:38px;
    top:70px;
    width:2px;
    height:calc(100% - 140px);
    background:repeating-linear-gradient(
        to bottom,
        #7ED321 0px,
        #7ED321 8px,
        transparent 8px,
        transparent 16px
    );
}

.process-card{
    background:#0f0f0f;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    padding:20px 30px;
    margin-bottom:22px;
    display:flex;
    align-items:center;
    gap:25px;
    position:relative;
    transition:.35s;
}

.process-card:hover{
    border-color:#7ED321;
    transform:translateX(8px);
}

.step-icon{
    width:78px;
    height:78px;
    min-width:78px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#7ED321;
    position:relative;
    z-index:2;
}

.step-icon svg{
    width:34px;
    height:34px;
}

.step-number{
    font-size:56px;
    font-weight:700;
    color:#fff;
    min-width:90px;
    text-align:center;
}

.step-content{
    flex:1;
}

.step-content h3{
    color:#fff;
    font-size:26px;
    margin-bottom:10px;
}

.step-content p{
    color:#bdbdbd;
    line-height:1.8;
    font-size:16px;
}

.step-arrow{
    color:#7ED321;
}

.step-arrow svg{
    width:26px;
    height:26px;
}
/* ===========================
   Large Laptop
=========================== */

@media (max-width:1200px){

.process-wrapper{
    gap:40px;
}

.section-title h2{
    font-size:48px;
}

.step-number{
    font-size:46px;
    min-width:70px;
}

.step-content h3{
    font-size:22px;
}

}

/* ===========================
   Tablet
=========================== */

@media (max-width:991px){

.process-section{
    padding:80px 0;
}

.process-wrapper{
    flex-direction:column;
}

.process-left,
.process-right{
    width:100%;
}

.process-left{
    text-align:center;
    margin-bottom:40px;
}

.process-left img{
    max-width:650px;
    margin:auto;
}

.section-title{
    text-align:center;
}

.section-title span::after{
    left:50%;
    transform:translateX(-50%);
}

.section-title h2{
    font-size:42px;
}

.section-title p{
    max-width:100%;
}

.process-list::before{
    display:none;
}

.process-card{
    flex-wrap:wrap;
    gap:20px;
    padding:25px;
}

.step-icon{
    width:70px;
    height:70px;
    min-width:70px;
}

.step-icon svg{
    width:30px;
    height:30px;
}

.step-number{
    min-width:auto;
    font-size:42px;
}

.step-content{
    width:100%;
}

.step-arrow{
    position:absolute;
    right:25px;
    top:35px;
}

}

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

@media (max-width:767px){

.process-section{
    padding:60px 0;
}

.section-title h2{
    font-size:32px;
    line-height:1.3;
}

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

.process-card{
    padding:20px;
    display:block;
    text-align:center;
}

.step-icon{
    margin:0 auto 20px;
}

.step-number{
    font-size:36px;
    margin-bottom:15px;
}

.step-content h3{
    font-size:20px;
}

.step-content p{
    font-size:14px;
    line-height:1.7;
}

.step-arrow{
    position:static;
    margin-top:20px;
}

.step-arrow svg{
    width:22px;
    height:22px;
}

}

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

@media (max-width:480px){

.section-title h2{
    font-size:28px;
}

.process-card{
    border-radius:15px;
    padding:18px;
}

.step-icon{
    width:65px;
    height:65px;
    min-width:65px;
}

.step-icon svg{
    width:28px;
    height:28px;
}

.step-number{
    font-size:32px;
}

.step-content h3{
    font-size:18px;
}

.step-content p{
    font-size:13px;
}

}



  /*======================================
        VISA SECTION
======================================*/

.visa-section{
    background:#080808;
    padding:40px 0;
    overflow:hidden;
}



.visa-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}


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

.visa-card{
    position:relative;
    height:445px;
    border-radius:34px;
    overflow:hidden;
    cursor:pointer;
    background:#111;
}


/* Image */

.visa-image{
    position:absolute;
    inset:0;
}


/*==========================
      SECTION HEADING
==========================*/

.section-title-1{
    text-align:center;
    margin-bottom:60px;
}

.section-title-1 span{
    display:inline-block;
    color:#7ED321;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;
}

.section-title-1 h2{
    color:#fff;
    font-size:38px;
    font-weight:600;
    margin-bottom:18px;
    line-height:1.2;
}

.section-title-1 p{
    width:650px;
    max-width:100%;
    margin:auto;
    color:#bdbdbd;
    font-size:17px;
    line-height:1.8;
}

@media(max-width:768px){

    .section-title-1{
        margin-bottom:40px;
    }

    .section-title-1 h2{
        font-size:36px;
    }

    .section-title-1 p{
        font-size:15px;
    }

}

.visa-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}


/* Dark Overlay */

.visa-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.98) 0%,
        rgba(0,0,0,.85) 22%,
        rgba(0,0,0,.45) 45%,
        rgba(0,0,0,.10) 70%,
        rgba(0,0,0,0) 100%
    );
    z-index:1;
}


/*======================================
        DEFAULT CONTENT
======================================*/

.visa-content{
    position:absolute;
    left:24px;
    right:24px;
    bottom:28px;
    z-index:5;
    color:#fff;
}

.country-flag{
    width:32px;
    height:32px;
    margin:0 auto 12px;
}

.country-flag img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.visa-content h3{
    color:#fff;
    font-size:18px;
    font-weight:600;
    text-align:center;
    line-height:1.15;
    margin:0 0 22px;
    text-transform:uppercase;
    letter-spacing:.5px;
}


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

.visa-info{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    border-top:1px solid rgba(255,255,255,.18);
    padding-top:18px;
}

.visa-info div{
    flex:1;
}

.visa-info div:nth-child(2){
    text-align:center;
}

.visa-info div:last-child{
    text-align:right;
}

.visa-info span{
    display:block;
    color:#b8b8b8;
    font-size:11px;
    font-weight:600;
    letter-spacing:1.2px;
    margin-bottom:8px;
}

.visa-info strong{
    color:#fff;
    font-size:18px;
    font-weight:700;
}


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

.hover-content{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:10;
    color:#fff;
    opacity:0;
    visibility:hidden;
    transform:translateY(80px);
    transition:.45s;
}

.hover-content h3{
    color:#fff;
    text-align:center;
    font-size:18px;
    line-height:1.15;
    margin:0 0 22px;
    font-weight:600;
    text-transform:uppercase;
}

.documents{
    border-top:1px solid rgba(255,255,255,.18);
    margin-top:18px;
    padding-top:18px;
}

.documents span{
    display:block;
    color:#b8b8b8;
    font-size:12px;
    letter-spacing:1px;
    margin-bottom:10px;
}

.documents strong{
    font-size:19px;
    color:#fff;
}

.help-btn{
    margin-top:22px;
    height:48px;
    border-radius:50px;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
    color:#7ED321 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.help-btn:hover{
    background:#7ED321;
    color:#000 !important;
}


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

@media(max-width:1200px){

    .visa-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .visa-grid{
        grid-template-columns:1fr;
    }

    .visa-card{
        height:480px;
    }

    .visa-content h3,
    .hover-content h3{
        font-size:18px;
    }

}

/*=========================================
        HOVER EFFECT (Same as Screenshot)
=========================================*/

.visa-card .visa-content{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:.45s ease;
}

.visa-card:hover .visa-content{
    opacity:0;
    visibility:hidden;
    transform:translateY(-45px);
}


/* Hover Content */

.visa-card:hover .hover-content{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}


/* Image Zoom */

.visa-card:hover .visa-image img{
    transform:scale(1.12);
}


/* Blur Image */

.visa-card::before{
    content:"";
    position:absolute;
    inset:0;
    backdrop-filter:blur(0px);
    -webkit-backdrop-filter:blur(0px);
    background:rgba(0,0,0,0);
    transition:.45s ease;
    z-index:2;
    pointer-events:none;
}

.visa-card:hover::before{
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    background:rgba(0,0,0,.18);
}


/* Overlay Dark */

.visa-card:hover .visa-overlay{
    background:linear-gradient(
        to top,
        rgba(0,0,0,.98) 0%,
        rgba(0,0,0,.94) 35%,
        rgba(0,0,0,.72) 65%,
        rgba(0,0,0,.35) 100%
    );
}


/* Divider Animation */

.hover-content .visa-info,
.hover-content .documents{
    border-color:rgba(255,255,255,.15);
}


/* Help Button */

.help-btn{
    transform:translateY(20px);
    opacity:0;
    transition:
        transform .45s ease .15s,
        opacity .45s ease .15s,
        background .3s,
        color .3s;
}

.visa-card:hover .help-btn{
    transform:translateY(0);
    opacity:1;
}


/* Hover Text Animation */

.hover-content .country-flag,
.hover-content h3,
.hover-content .visa-info,
.hover-content .documents{
    transform:translateY(20px);
    opacity:0;
    transition:.45s ease;
}

.visa-card:hover .country-flag,
.visa-card:hover .hover-content h3,
.visa-card:hover .hover-content .visa-info,
.visa-card:hover .hover-content .documents{
    transform:translateY(0);
    opacity:1;
}

.visa-card:hover .hover-content h3{
    transition-delay:.05s;
}

.visa-card:hover .hover-content .visa-info{
    transition-delay:.10s;
}

.visa-card:hover .hover-content .documents{
    transition-delay:.18s;
}

.visa-card:hover .help-btn{
    transition-delay:.25s;
}


/* Card Shadow */

.visa-card{
    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.visa-card:hover{
    transform:translateY(-6px);
    box-shadow:0 30px 60px rgba(0,0,0,.45);
}





  .visaSwiper{
    width:100%;
    overflow:hidden;
    padding:10px 0 30px;
}

.visaSwiper .swiper-slide{
    height:auto;
}

.visaSwiper .card-link{
    display:block;
    width:100%;
}

.visaSwiper .swiper-wrapper{
    align-items:stretch;
}
  .visa-slider{
    position:relative;
    width:100%;
}

.slider-wrapper{
    overflow:hidden;
}

.slider-track{
    display:flex;
    gap:25px;
    transition:transform .6s ease;
}

.card-link{
    flex:0 0 calc((100% - 50px)/3);
    max-width:calc((100% - 50px)/3);
}

@media(max-width:991px){

.card-link{
    flex:0 0 calc((100% - 25px)/2);
}

}

@media(max-width:767px){

.card-link{
    flex:0 0 100%;
}

}

.nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:46px;
    height:46px;
    border:none;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    z-index:20;
    font-size:22px;
}

.prev{
    left:-20px;
}

.next{
    right:-20px;
}




  /*=========================================
        PAYMENT SECTION
=========================================*/

.payment-section{
    background:#080808 !important;
   
    padding-bottom: 60px;
    position:relative;
}

/* .payment-section .container{
    width:1350px;
    max-width:95%;
    margin:auto;
} */


/*=========================================
            HEADING
=========================================*/

.payment-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    position:relative;
    margin-top:20px;
}

.heading-icon{
    position:absolute;
    top:-40px;
    left:50%;
    transform:translateX(-50%);
}

.payment-icon{
    width:38px;
    height:38px;
}

.heading-line{
    flex:1;
    max-width:230px;
    height:1px;
    background:rgba(255,255,255,.12);
    position:relative;
}

.heading-line::after{
    content:"";
    position:absolute;
    right:-3px;
    top:50%;
    transform:translateY(-50%);
    width:6px;
    height:6px;
    border-radius:50%;
    background:#7ed321;
}

.payment-heading h2{
    color:#fff;
    font-size:52px;
    font-weight:700;
    margin:0;
    line-height:1;
}

.payment-heading h2 span{
    color:#7ed321;
}

.payment-desc{
    text-align:center;
    color:#b5b5b5;
    font-size:17px;
    line-height:28px;
    margin:22px auto 60px;
}


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

.payment-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}


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

.payment-card{
    background:#101117;
    border:1px solid rgba(255,255,255,.05);
    border-radius:14px;
    height:130px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:.35s;
}

.payment-card:hover{
    transform:translateY(-6px);
    border-color:#7ed321;
    background:#14151d;
}

.payment-logo{
    width:100px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
}

.payment-logo svg,
.payment-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.payment-card h4{
    margin:0;
    color:#fff;
    font-size:15px;
    font-weight:600;
    text-align:center;
}


/*=========================================
        SECURITY TEXT
=========================================*/

.payment-security{
    margin-top:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.security-icon{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.payment-security p{
    margin:0;
    color:#c7c7c7;
    font-size:15px;
}


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

@media(max-width:1200px){

.payment-grid{
    grid-template-columns:repeat(4,1fr);
}

}

@media(max-width:768px){

.payment-heading{
    gap:12px;
}

.payment-heading h2{
    font-size:36px;
}

.heading-line{
    display:none;
}

.payment-grid{
    grid-template-columns:repeat(2,1fr);
}

.payment-card{
    height:115px;
}

.payment-security{
    flex-direction:column;
    text-align:center;
}

.payment-desc{
    font-size:15px;
}

}

@media(max-width:480px){

.payment-grid{
    grid-template-columns:1fr;
}

}




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

.footer-section{
    background:#090909;
    color:#fff;
    position:relative;
    overflow:hidden;
   
}

.footer-section a{
    text-decoration:none;
}

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

.footer-top{
    display:grid;
    grid-template-columns:1.8fr 0.8fr 0.8fr 1.3fr;
    gap:60px;
    padding:70px 0 45px;
}

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

.footer-about{
    position:relative;
}

.footer-logo{
    max-width:220px;
}

.footer-about h4 {
    margin: 14px 0 6px;
    font-size: 20px;
    font-weight: 700;
    color: #86d420;
    text-transform: uppercase;
}

.footer-about span{
    color:#ffffff;
    font-size:13px;
    letter-spacing:.5px;
}

.green-line{
    width:55px;
    height:3px;
    background:#86d420;
    margin:7px 0;
}

.footer-about p {
    color: #bdbdbd;
    font-size: 12px;
    line-height: 18px;
    max-width: 300px;
    margin-bottom: 0px;
}

.bcrc-logo{
    width:180px;
    border-radius:8px;
    display:block;
}

.footer-landmark{
    position:absolute;
    left:-20px;
    bottom:-45px;
}

.footer-landmark img{
    width:340px;
    opacity:.18;
}

/*=========================
      HEADINGS
=========================*/

.footer-col h3{
    color:#fff;
    font-size:20px;
    margin:0;
    font-weight:700;
    text-transform:uppercase;
}

.heading-line{
    width:42px;
    height:3px;
    background:#86d420;
    margin:18px 0 28px;
}

/*=========================
      LINKS
=========================*/

.footer-links li{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.footer-links li:last-child{
    border:none;
}

.footer-links a{
    display:flex;
    align-items:center;
    gap:15px;
    color:#d5d5d5;
    padding:16px 0;
    transition:.35s;
    font-size:16px;
}

.footer-links a:hover{
    color:#86d420;
    padding-left:8px;
}

.icon{
    width:22px;
    height:22px;
    flex:none;
}

.icon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#86d420;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/*=========================
     ADDRESS
=========================*/

.address-box{
    display:flex;
    gap:18px;
    padding-bottom:28px;
    margin-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.icon-circle{
    width:30px;
    height:30px;
    min-width:30px;
    border:2px solid #86d420;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-circle svg {
    width: 17px;
    height: 15px;
    fill: none;
    stroke: #86d420;
    stroke-width: 2;
}

.address-box h5{
    color:#fff;
    font-size:17px;
    margin-bottom:10px;
}

.address-box p {
    color: #bfbfbf;
    line-height: 25px;
    font-size: 15px;
}

/*=========================
      PHONE
=========================*/

.phone-box{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:10px;
}

.phone-box span{
    color:#fff;
    font-size:16px;
    font-weight:600;
}

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

.footer-middle{
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    background:#0b0b0b;
}

.footer-middle-wrap{
    display:grid;
    grid-template-columns:1fr 2fr 1.2fr;
    gap:50px;
    align-items:center;
    padding:10px 0;
}

/*=========================
    FOLLOW
=========================*/

.follow-us h4{
    color:#fff;
    margin-bottom:22px;
    font-size:18px;
}

.social-icons{
    display:flex;
    gap:14px;
}

.social-icons a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s;
}

.social-icons a:hover{
    background:#86d420;
}

.social-icons svg{
    width:20px;
    height:20px;
    /* fill:#fff; */
}

/*=========================
     STATS
=========================*/

.footer-stats{
    display:flex;
    justify-content:space-between;
    gap:30px;
}

.stat-item{
    display:flex;
    align-items:center;
    gap:18px;
}

.stat-icon{
    width:58px;
    height:58px;
    border:2px solid #86d420;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.stat-icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:#86d420;
    stroke-width:2;
}

.stat-item h3{
    font-size:25px;
    color:#fff;
    margin:0;
}

.stat-item span{
    color:#bdbdbd;
    font-size:15px;
}

/*=========================
      NEWSLETTER
=========================*/

.newsletter h4{
    color:#fff;
    margin-bottom:8px;
}

.newsletter p{
    color:#bdbdbd;
    margin-bottom:18px;
}

.newsletter form{
    display:flex;
    height:52px;
}

.newsletter input{
    width:100%;
    background:#111;
    border:1px solid #2a2a2a;
    outline:none;
    color:#fff;
    padding:0 18px;
    border-radius:6px 0 0 6px;
    font-size:15px;
}

.newsletter button{
    width:60px;
    border:none;
    background:#86d420;
    cursor:pointer;
    border-radius:0 6px 6px 0;
}

.newsletter button svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#fff;
    stroke-width:2;
}

/*=========================
      COPYRIGHT
=========================*/

.footer-bottom{
    background:#090909;
}

.footer-bottom-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 0;
}

.footer-bottom p{
    color:#9c9c9c;
    margin:0;
    font-size:16px;
}

.footer-bottom ul{
    display:flex;
    gap:35px;
}

.footer-bottom a{
    color:#bfbfbf;
    font-size:16px;
    transition:.3s;
}

.footer-bottom a:hover{
    color:#86d420;
}
/*=========================================
            RESPONSIVE
==========================================*/

/* Laptop */

@media(max-width:1400px){

.footer-top{
    gap:40px;
}

.footer-middle-wrap{
    gap:35px;
}

.footer-stats{
    gap:20px;
}

.stat-item h3{
    font-size:28px;
}

.phone-box span{
    font-size:18px;
}

}

/*=========================================
            Tablet
==========================================*/

@media(max-width:1199px){

.footer-top{
    grid-template-columns:repeat(2,1fr);
    gap:50px;
}

.footer-middle-wrap{
    grid-template-columns:1fr;
    text-align:center;
}

.footer-stats{
    justify-content:center;
    flex-wrap:wrap;
}

.follow-us{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.newsletter{
    max-width:500px;
    margin:auto;
}

.footer-bottom-wrap{
    flex-direction:column;
    gap:15px;
}

.footer-landmark{
    display:none;
}

}

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

@media(max-width:767px){

.footer-top{
    grid-template-columns:1fr;
    gap:35px;
    padding:60px 0;
}

.footer-logo{
    max-width:180px;
}

.footer-about h4{
    font-size:20px;
}

.footer-col h3{
    font-size:18px;
}

.footer-about p,
.address-box p{
    line-height:28px;
}

.footer-middle-wrap{
    padding:35px 0;
}

.footer-stats{
    flex-direction:column;
    align-items:flex-start;
    gap:25px;
}

.stat-item{
    width:100%;
}

.social-icons{
    justify-content:center;
    flex-wrap:wrap;
}

.newsletter form{
    flex-direction:column;
    height:auto;
    gap:12px;
}

.newsletter input{
    border-radius:6px;
    height:50px;
}

.newsletter button{
    width:100%;
    height:50px;
    border-radius:6px;
}

.footer-bottom-wrap{
    text-align:center;
}

.footer-bottom ul{
    flex-wrap:wrap;
    justify-content:center;
    gap:18px;
}

.phone-box{
    align-items:flex-start;
}

.phone-box span{
    font-size:17px;
}

.address-box{
    gap:15px;
}

.icon-circle{
    width:42px;
    height:42px;
    min-width:42px;
}

}

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

@media(max-width:480px){

.footer-top{
    padding:50px 0;
}

.footer-about h4{
    font-size:18px;
}

.footer-about span{
    font-size:13px;
}

.footer-links a{
    font-size:14px;
}

.address-box h5{
    font-size:16px;
}

.address-box p{
    font-size:14px;
}

.stat-item h3{
    font-size:24px;
}

.stat-item span{
    font-size:14px;
}

.newsletter h4{
    font-size:18px;
}

.newsletter p{
    font-size:14px;
}

.footer-bottom p{
    font-size:13px;
}

.footer-bottom a{
    font-size:13px;
}

.social-icons a{
    width:42px;
    height:42px;
}

}

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

/* .container{
    width:100%;
    max-width:1350px;
    margin:auto;
    padding:0 15px;
} */

/*=========================================
        SMOOTH EFFECTS
==========================================*/

.footer-links a,
.social-icons a,
.newsletter button,
.footer-bottom a{
    transition:all .35s ease;
}

.footer-links a:hover{
    color:#8CC63F;
}

.social-icons a:hover{
    transform:translateY(-4px);
}

.newsletter button:hover{
    background:#76b82d;
}

.footer-bottom a:hover{
    color:#8CC63F;
}

/*=========================================
        SELECTION
==========================================*/

.footer-section ::selection{
    background:#8CC63F;
    color:#fff;
}

/*=========================================
        PLACEHOLDER
==========================================*/

.newsletter input::placeholder{
    color:#a5a5a5;
}



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

.footer-promo{
    background:#090909;
    padding:15px 0;
}

.promo-box{

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

    border:2px solid #86d420;
    border-radius:18px;

    padding:16px 22px;

    background:#090909;

}

.promo-icon img{

    width:60px;
    display:block

}

.promo-content{

    flex:1;

}

.promo-line1{

    color:#fff;
    font-size:18px;
    font-weight:600;
    letter-spacing:.5px;
    text-transform:uppercase;

}

.promo-line1 span{

    color:#86d420;

}

.promo-line2{

    color:#fff;
    font-size:18px;
    font-weight:600;
    margin:4px 0;
    text-transform:uppercase;
    line-height:1.4;

}

.promo-line2 span{

    color:#86d420;

}

.promo-line3{

    color:#fff;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;

}

.promo-line3 span{

    color:#86d420;
    font-weight:600;

}

.promo-line3 b{

    font-weight:600;
    color:#fff;
    margin:0 12px;

}

.promo-line3 i{

    font-style:normal;
    color:#888;
    margin:0 18px;

}

/*==========================
      Responsive
==========================*/

@media(max-width:991px){

.promo-box{

    flex-direction:column;
    text-align:center;

}

.promo-line1,
.promo-line2,
.promo-line3{

    font-size:17px;

}

}

@media(max-width:576px){

.promo-box{

    padding:18px;

}

.promo-icon img{

    width:50px;

}

.promo-line1,
.promo-line2,
.promo-line3{

    font-size:14px;
    line-height:1.6;

}

.promo-line3 b,
.promo-line3 i{

    display:none;

}

}




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

    .filter-item{
        width: 100%;
        flex: 0 0 100%;
        padding: 12px 21px;
        gap: 8px;
        justify-content: flex-start;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

}





@media (max-width:767px){

    .address-box{
      
        margin-top: 23px;
  
    }
}




    /* Desktop */
.menu-btn{
    display: none;
}

/* Tablet & Mobile */
@media (max-width: 991px){

    .menu-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        border: none;
        background: transparent;
        cursor: pointer;
    }

}




    .about-sn{
    background: #080808;
    padding-top: 60px !important;
    padding-bottom: 10px;
}

.about-sn .title{
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.about-sn .subtitle{
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    margin: 35px 0 15px;
    text-transform: uppercase;
}

.about-sn p{
    color: rgba(255,255,255,0.75);
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.about-sn strong{
    color: #ffffff;
    font-weight: 600;
}

.about-sn em{
    color: #73d62f;
    font-style: italic;
}

.about-sn .list{
    margin: 25px 0 0;
    padding-left: 22px;
}

.about-sn .list li{
    color: rgba(255,255,255,0.75);
    margin-bottom: 18px;
    line-height: 1.8;
}

.about-sn .sub-list{
    margin-top: 12px;
    padding-left: 22px;
}

.about-sn .sub-list li{
    color: rgba(255,255,255,0.7);
    margin-bottom: 10px;
    line-height: 1.7;
}

.about-sn .list li::marker,
.about-sn .sub-list li::marker{
    color: #73d62f;
}



    .apply-section{
    background:#080808;
    padding:50px 20px 50px;
}


.apply-section .font-f-4{
    color:#ffffff;
    font-size:38px;
    font-weight:700;
}

.apply-section .font-f-4 span{
    color:#999;
    font-weight:500;
}


.apply-line{
    width:70px;
    height:3px;
    background:#ffffff;
    margin:20px auto 25px;
    border-radius:10px;
}


.apply-section .font-f-2{
    max-width:850px;
    margin:0 auto 12px;
    color:#b8b8b8;
    font-size:16px;
    line-height:1.8;
}


@media(max-width:768px){

    .apply-section .font-f-4{
        font-size:28px;
    }

    .apply-section .font-f-2{
        font-size:15px;
    }

}
    .choose2 {
    background-color: #080808 !important;
    padding: 50px 0;
}

.choose2 .hadding2 span {
    color: #ffffff;
}

.choose2 .hadding2 h1 {
    color: #ffffff;
}

.choose2-box,
.choose2-box2 {
    background: #111111;
    border: 1px solid rgba(255,255,255,0.08);
    padding: 25px;
    border-radius: 12px;
    transition: 0.4s ease;
}

.choose2-box:hover,
.choose2-box2:hover {
    transform: translateY(-8px);
    border-color: #ffffff33;
    background: #151515;
}


.choose2-text-box h4 a,
.choose2-text-box2 h4 a {
    color: #000;
    font-size: 22px;
    text-decoration: none;
}

.choose2-text-box p,
.choose2-text-box2 p {
    color: #666;
    line-height: 1.7;
    font-size: 15px;
}


.choose2-icon-box,
.choose2-icon-box2 {
    background: #1b1b1b;
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose2-icon-box img,
.choose2-icon-box2 img {
    width: 32px;
    filter: brightness(0) invert(1);
}


/* Image */

.choose2-image img {
    width:100%;
    border-radius:20px;
}

.choose2-main-image {
    position:relative;
}

.choose2-img-shape {
    position:absolute;
    right:-40px;
    bottom:-40px;
    opacity:0.4;
}

.choose2-img-shape img{
    width:150px;
}


/* Apply Section */

.font-f-4 {
    color:#ffffff;
}

.font-f-2 {
    color:#b5b5b5;
    font-size:17px;
    line-height:1.8;
}


/* Responsive */

@media(max-width:991px){

    .choose2 {
        padding:60px 15px;
    }

    .choose2-main-image{
        margin:40px 0;
    }

    .choose2-img-shape{
        right:0;
        bottom:-20px;
    }

}



        /*==========================
   Career Opportunities
===========================*/

.blog2{
    background: #080808;
    padding: 40px 0;
}

.blog2 .hadding2 span{
    display: inline-block;
    color: #7ED321;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.blog2 .hadding2 h1{
    color: #fff;
    font-size: 42px;
    line-height: 1.3;
    font-weight: 700;
}

.blog2 .hadding2 h3{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}

.blog2 .hadding2 h3 a,
.blog2 .blog2-main-hover h4 a{
    color: #fff;
    text-decoration: none;
}

.blog2 .hadding2 p,
.blog2 .blog2-main-hover p{
    color: rgba(255,255,255,.75);
    line-height: 1.8;
    margin: 0;
}

.blog2-main-image{
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}

.blog2-main-image img{
    width: 100%;
    height: 620px;
    object-fit: cover;
    border-radius: 18px;
    transition: .5s;
}

.blog2-main-image:hover img{
    transform: scale(1.08);
}

.blog2-main-hover{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
    background: linear-gradient(to top,#000 5%,rgba(0,0,0,.8) 40%,transparent);
}

.blog2-main-hover h4{
    color: #fff;
    font-size: 28px;
    margin-bottom: 12px;
}

.blog-single-side-img{
    display: flex;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 24px;
    transition: .35s;
}

.blog-single-side-img:hover{
    transform: translateY(-5px);
    border-color: #7ED321;
}

.blog2-img2 img{
    width: 220px;
    height: 180px;
    object-fit: cover;
    border-radius: 12px;
}

.blog-single-side-img .hadding2{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-single-side-img .space8,
.blog2 .space16,
.blog2 .space30{
    display: none;
}

/*==========================
   Responsive
===========================*/

@media(max-width:991px){

    .blog2{
        padding: 70px 0;
    }

    .blog2 .hadding2 h1{
        font-size: 32px;
    }

    .blog2-main-image{
        margin-bottom: 30px;
    }

    .blog2-main-image img{
        height: 420px;
    }

}

@media(max-width:767px){

    .blog2{
        padding: 60px 0;
    }

    .blog2 .hadding2 h1{
        font-size: 28px;
    }

    .blog-single-side-img{
        flex-direction: column;
    }

    .blog2-img2 img{
        width: 100%;
        height: 220px;
    }

    .blog2-main-image img{
        height: 300px;
    }

    .blog2-main-hover h4{
        font-size: 22px;
    }

}





.svg-icon svg{
    width:50px;
    height:50px;
    fill:#8bcf16;
}


.small-svg{
    width:14px;
    height:14px;
    fill:#8bcf16;
    vertical-align:middle;
    margin-right:5px;
}


.feature-svg{
    width:25px;
    height:25px;
    fill:#8bcf16;
    vertical-align:middle;
}
    .about-dark-section{
    background:#050505;
    padding:40px 0;
    color:#fff;
    
}


.about-container{
    width:1350px;
    max-width:95%;
    margin:auto;
}


/* HERO */

.about-hero{
    display:flex;
    align-items:center;
    gap:35px;
}


.about-content{
    width:38%;
}


.small-title{
    color:#8bcf16;
    font-size:12px;
    font-weight:700;
    font-family: 'jost';
}


.about-content h1{
    font-size:42px;
    line-height:1.1;
    margin:12px 0;
    font-weight:700;
}


.about-content h1 span{
    color:#8bcf16;
}


.about-content p{
    color:#bdbdbd;
    font-size:16px;
    line-height:1.7;
    max-width:420px;
}




.about-buttons{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:25px;
}


.green-btn{
    background:#8bcf16;
    color:#000;
    padding:12px 22px;
    border-radius:6px;
    font-size:14px;
    text-decoration:none;
    font-weight:600;
}


.watch-btn{
    color:#fff;
    font-size:14px;
    text-decoration:none;
}



.about-image{
    width:62%;
}


.about-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:15px;
    border:1px solid #222;
}




/* COUNTER */


.counter-box{
    margin-top:10px;
    background:#0c0c0c;
    border:1px solid #1d1d1d;
    border-radius:10px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding:15px;
}



.counter-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    border-right:1px solid #222;
}


.counter-item:last-child{
    border-right:0;
}


.counter-item span{
    color:#8bcf16;
    font-size:25px;
}


.counter-item h3{
    margin:0;
    font-size:25px;
}


.counter-item p{
    color:#bdbdbd;
    font-size:15px;
    margin:3px 0;
}





/* THREE COLUMNS */


.about-columns{
    display:grid;
    grid-template-columns:1fr 1fr 1.2fr;
    gap:25px;
    margin-top:35px;
}



.about-box{
    border-right:1px solid #1b1b1b;
    padding:25px;
}


.about-box:last-child{
    border:0;
}



.about-box h4,
.leaders-title h4{
    color:#fff;
    font-size:22px;
    margin-bottom:18px;
}



.about-box p{
    color:#bdbdbd;
    font-size:16px;
    line-height:1.7;
}



.about-box a{
    display:inline-block;
    color:#8bcf16;
    border:1px solid #8bcf16;
    padding:6px 12px;
    border-radius:5px;
    font-size:16px;
    margin-top:10px;
    text-decoration:none;
}



.about-box ul{
    padding-left:15px;
}


.about-box ul li{
    color:#bdbdbd;
    font-size:16px;
    margin-bottom:10px;
}


.about-box ul li::marker{
    color:#bdbdbd;
}




/* VALUES */


.value-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}



.value-grid div{
    background:#0d0d0d;
    padding:12px;
    border-radius:8px;
    border:1px solid #1b1b1b;
}


.value-grid b{
    font-size:16px;
    color:#8bcf16;
}


.value-grid p{
    margin-top:5px;
    font-size:13px;
}






/* LEADERS */


.leaders-title{
    margin-top:35px;
}



.leaders{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}



.leader-card{
    background:#0d0d0d;
    border:1px solid #222;
    border-radius:10px;
    padding:15px;
    display:flex;
    gap:15px;
    align-items:center;
}



.leader-card img{
    width:55px;
    height:55px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #8bcf16;
}


.leader-card h5{
    margin:0;
    font-size:18px;
}


.leader-card span{
    color:#8bcf16;
    font-size:16px;
}


.leader-card p{
    color:#bdbdbd;
    font-size:16px;
    margin-top:5px;
}






/* BOTTOM FEATURES */


.bottom-features{
    margin-top:20px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#0d0d0d;
    border:1px solid #222;
    border-radius:10px;
    padding:15px;
}


.bottom-features div{
    text-align:center;
    border-right:1px solid #222;
}


.bottom-features div:last-child{
    border:0;
}


.bottom-features h5{
    display:inline-block;
    margin:0 5px;
    font-size:18px;
}


.bottom-features p{
    color:#bdbdbd;
    font-size:16px;
    margin:5px 0 0;
}
/* =========================
   RESPONSIVE DESIGN
========================= */


/* Large Tablet */
@media(max-width:1200px){

    .about-container{
        width:95%;
    }


    .about-hero{
        gap:25px;
    }


    .about-content h1{
        font-size:36px;
    }


    .about-image img{
        height:230px;
    }


    .about-columns{
        grid-template-columns:1fr 1fr;
    }


    .about-box:last-child{
        grid-column:1/-1;
    }


    .leaders{
        grid-template-columns:repeat(2,1fr);
    }


    .bottom-features{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }


    .bottom-features div{
        border-right:0;
    }

}






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

    .about-dark-section{
        padding:50px 0;
    }


    .about-hero{
        flex-direction:column;
        align-items:flex-start;
    }


    .about-content,
    .about-image{
        width:100%;
    }


    .about-content p{
        max-width:100%;
    }


    .about-image img{
        height:280px;
    }


    .counter-box{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }


    .counter-item{
        border-right:0;
        border-bottom:1px solid #222;
        padding:10px;
    }


    .counter-item:nth-last-child(-n+2){
        border-bottom:0;
    }


    .about-columns{
        grid-template-columns:1fr;
    }


    .about-box{
        border-right:0;
        border-bottom:1px solid #1b1b1b;
        padding-bottom:20px;
    }


    .value-grid{
        grid-template-columns:1fr 1fr;
    }


}






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


    .about-dark-section{
        padding:40px 0;
    }


    .about-container{
        width:92%;
    }


    .small-title{
        font-size:11px;
    }


    .about-content h1{
        font-size:30px;
        line-height:1.2;
    }


    .about-content p{
        font-size:13px;
    }


    .about-buttons{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }


    .green-btn{
        padding:11px 20px;
    }


    .about-image img{
        height:220px;
        border-radius:12px;
    }



    /* Counter */

    .counter-box{
        grid-template-columns:1fr;
        padding:10px;
    }


    .counter-item{
        justify-content:flex-start;
    }


    .counter-item span{
        font-size:22px;
    }


    .counter-item h3{
        font-size:22px;
    }




    /* Values */

    .value-grid{
        grid-template-columns:1fr;
    }



    /* Leaders */

    .leaders{
        grid-template-columns:1fr;
    }


    .leader-card{
        padding:12px;
    }



    /* Bottom */

    .bottom-features{
        grid-template-columns:1fr;
    }


    .bottom-features div{
        padding:12px 0;
        border-bottom:1px solid #222;
    }


    .bottom-features div:last-child{
        border-bottom:0;
    }



}






/* Small Mobile */

@media(max-width:480px){


    .about-content h1{
        font-size:26px;
    }


    .about-image img{
        height:180px;
    }


    .leader-card{
        flex-direction:column;
        align-items:flex-start;
    }


    .leader-card img{
        width:50px;
        height:50px;
    }


    .counter-item{
        gap:10px;
    }


}




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

.career-form-section{

    background:#080808;
    padding:70px 0;
    color:#fff;

}



.career-form-container{

    width:90%;
    max-width:900px;
    margin:auto;

}



.career-form-heading{

    text-align:center;
    margin-bottom:35px;

}



.career-form-heading span{

    color:#8ccf00;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;

}



.career-form-heading h2{

    font-size:38px;
    margin:12px 0;

}



.career-form-heading h2 b{

    color:#8ccf00;

}



.career-form-heading p{

    color:#9298a3;
    font-size:14px;

}




/* FORM */

.career-form{

    background:#10151d;
    border:1px solid #202833;
    padding:35px;
    border-radius:10px;

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;

}



.form-group{

    width:100%;

}



.form-group input,
.form-group select,
.form-group textarea{

    width:100%;
    background:#080d14;
    border:1px solid #28313d;
    color:#fff;

    padding:14px 15px;
    border-radius:6px;

    font-size:13px;
    outline:none;

}



.form-group textarea{

    height:120px;
    resize:none;

}



.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    border-color:#8ccf00;

}



.form-group select option{

    background:#10151d;

}




.full{

    grid-column:1/-1;

}



/* UPLOAD */

.upload-box{

    height:90px;

    border:1px dashed #59636f;
    border-radius:8px;

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

    color:#aeb5bf;
    cursor:pointer;

    transition:.3s;

}



.upload-box:hover{

    border-color:#8ccf00;

}



.upload-box svg{

    width:28px;
    height:28px;
    fill:none;
    stroke:#8ccf00;
    stroke-width:2;
    margin-bottom:8px;

}



.upload-box input{

    display:none;

}




.career-form button{

    grid-column:1/-1;

    background:#8ccf00;
    border:none;

    padding:14px;

    color:#071000;
    font-size:14px;
    font-weight:700;

    border-radius:6px;

    cursor:pointer;

}



.career-form button:hover{

    background:#a5eb18;

}






/* RESPONSIVE */

@media(max-width:768px){


    .career-form{

        grid-template-columns:1fr;
        padding:20px;

    }


    .career-form-heading h2{

        font-size:28px;

    }


}


    /* ================= CAREER SECTION ================= */

.career-section{
    background:#080808;
    padding:60px 0;
    color:#fff;
    
}


.career-container{
    width:90%;
    max-width:1250px;
    margin:auto;
}



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


.career-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}


.career-content{
    width:45%;
}


.career-tag{
    color:#8ccf00;
    font-size:12px;
    font-weight:700;
    letter-spacing:.5px;
}


.career-content h1{
    font-size:42px;
    line-height:1.1;
    margin:10px 0 15px;
    font-weight:700;
}


.career-content h1 span{
    color:#8ccf00;
}



.career-content p{
    color:#b8bdc7;
    font-size:16px;
    line-height:1.7;
    max-width:400px;
}



.career-btn{
    display:inline-block;
    margin-top:18px;
    background:#8ccf00;
    color:#071000;
    padding:11px 22px;
    border-radius:5px;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}



.career-image{
    width:50%;
}



.career-image img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:10px;
}







/* ================= BENEFITS ================= */


.career-benefits{
    margin-top:25px;
    background:#10151d;
    border:1px solid #202833;
    border-radius:8px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:hidden;
}



.benefit-box{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px;
    border-right:1px solid #202833;
}


.benefit-box:last-child{
    border:none;
}



.benefit-icon{
    min-width:32px;
    height:32px;
    border:1px solid #426500;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}



.benefit-icon svg{
    width:17px;
    height:17px;
    fill:#8ccf00;
}



.benefit-box h5{
    margin:0 0 5px;
    font-size:18px;
    color:#fff;
}



.benefit-box p{
    margin:0;
    color:#9298a3;
    font-size:16px;
    line-height:1.4;
}






/* ================= JOB AREA ================= */


.job-area{
    display:flex;
    gap:20px;
    margin-top:25px;
}



.jobs{
    width:70%;
}



.jobs h4{
    font-size:22px;
    margin:0 0 12px;
}




.job-card{
    background:#10151d;
    border:1px solid #202833;
    padding:12px 15px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
}



.job-card h5{
    margin:0 0 6px;
    font-size:14px;
}


.job-card p{
    margin:0;
    color:#9298a3;
    font-size:16px;
}



.job-card button{
    background:transparent;
    color:#8ccf00;
    border:1px solid #8ccf00;
    border-radius:5px;
    padding:7px 14px;
    cursor:pointer;
    font-size:12px;
}



.job-card button:hover{
    background:#8ccf00;
    color:#000;
}






/* ================= RESUME BOX ================= */


.resume-box{
    width:30%;
    background:#10151d;
    border:1px solid #202833;
    border-radius:8px;
    padding:25px;
    text-align:center;
}



.resume-icon{
    width:45px;
    height:45px;
    margin:auto;
    border-radius:50%;
    background:#17210c;
    display:flex;
    justify-content:center;
    align-items:center;
}



.resume-icon svg{
    width:22px;
    fill:#8ccf00;
}



.resume-box h4{
    font-size:17px;
    margin:15px 0 10px;
}



.resume-box p{
    color:#a0a5ae;
    font-size:16px;
    line-height:1.5;
}



.resume-box button{
    background:transparent;
    border:1px solid #59636f;
    color:white;
    padding:9px 18px;
    border-radius:5px;
    cursor:pointer;
    margin-top:10px;
}
/* ================= RESPONSIVE ================= */


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

    .career-container{
        width:92%;
    }


    .career-top{
        gap:25px;
    }


    .career-content{
        width:50%;
    }


    .career-content h1{
        font-size:34px;
    }


    .career-image{
        width:50%;
    }


    .career-image img{
        height:200px;
    }



    .career-benefits{
        grid-template-columns:repeat(2,1fr);
    }


    .benefit-box{
        border-bottom:1px solid #202833;
    }


    .benefit-box:nth-child(2){
        border-right:none;
    }


    .job-area{
        gap:15px;
    }


    .jobs{
        width:65%;
    }


    .resume-box{
        width:35%;
        padding:20px;
    }

}





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


    .career-section{
        padding:40px 0;
    }



    .career-top{
        flex-direction:column;
        align-items:flex-start;
    }



    .career-content{
        width:100%;
    }



    .career-content h1{
        font-size:30px;
    }



    .career-content p{
        max-width:100%;
    }



    .career-image{
        width:100%;
    }



    .career-image img{
        height:220px;
    }



    .career-benefits{
        grid-template-columns:1fr;
        margin-top:20px;
    }



    .benefit-box{
        border-right:none;
        border-bottom:1px solid #202833;
        padding:15px;
    }



    .benefit-box:last-child{
        border-bottom:none;
    }




    .job-area{
        flex-direction:column;
    }



    .jobs{
        width:100%;
    }



    .resume-box{
        width:100%;
        box-sizing:border-box;
    }



    .job-card{
        padding:15px;
        gap:15px;
        align-items:flex-start;
        flex-direction:column;
    }



    .job-card button{
        width:100%;
    }


}






/* Small Mobile */
@media(max-width:480px){


    .career-container{
        width:94%;
    }



    .career-content h1{
        font-size:26px;
    }



    .career-tag{
        font-size:11px;
    }



    .career-image img{
        height:180px;
        border-radius:8px;
    }



    .benefit-box{
        gap:12px;
    }



    .benefit-box h5{
        font-size:18px;
    }



    .benefit-box p{
        font-size:10px;
    }



    .jobs h4{
        font-size:15px;
    }



    .job-card h5{
        font-size:13px;
    }



    .job-card p{
        font-size:15px;
    }



    .resume-box h4{
        font-size:16px;
    }


}

/* ================= LARGE DESKTOP ================= */

@media(min-width:1200px){

    .career-section{
        padding:80px 0;
    }


    .career-container{
        width:90%;
        max-width:1350px;
    }



    .career-top{
        gap:60px;
    }



    .career-content{
        width:45%;
    }



    .career-content h1{
        font-size:48px;
    }



    .career-content p{
        font-size:16px;
        max-width:450px;
    }



    .career-image{
        width:50%;
    }



    .career-image img{
        height:280px;
    }



    /* Benefits */

    .career-benefits{
        margin-top:35px;
    }



    .benefit-box{
        padding:22px;
        gap:18px;
    }



    .benefit-icon{
        width:38px;
        height:38px;
    }



    .benefit-icon svg{
        width:19px;
        height:19px;
    }




    /* Job Area */

    .job-area{
        margin-top:35px;
        gap:30px;
    }



    .jobs{
        width:72%;
    }



    .resume-box{
        width:28%;
        padding:35px;
    }



    .job-card{
        padding:16px 20px;
    }



    .job-card h5{
        font-size:15px;
    }



    .job-card p{
        font-size:16px;
    }



    .job-card button{
        padding:9px 18px;
        font-size:13px;
    }



}



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

.career-footer{
    margin-top:25px;
    background:#10151d;
    border:1px solid #202833;
    border-radius:8px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:hidden;
}



.career-footer > div{
    padding:22px 20px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    border-right:1px solid #202833;
    transition:.3s ease;
}



.career-footer > div:last-child{
    border-right:none;
}



.career-footer > div:hover{
    background:#151c26;
}




/* ICON */

.career-footer svg{
    width:34px;
    height:34px;
    padding:7px;
    border-radius:50%;
    background:#17210c;
    border:1px solid #426500;
    fill:#8ccf00;
    margin-bottom:12px;
}




/* TITLE */

.career-footer h5{
    margin:0 0 6px;
    color:#fff;
    font-size:14px;
    font-weight:700;
}



/* TEXT */

.career-footer p{
    margin:0;
    color:#9298a3;
    font-size:12px;
    line-height:1.5;
}






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

@media(max-width:992px){

    .career-footer{
        grid-template-columns:repeat(2,1fr);
    }


    .career-footer > div:nth-child(2){
        border-right:none;
    }


    .career-footer > div{
        border-bottom:1px solid #202833;
    }


}







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

@media(max-width:600px){

    .career-footer{
        grid-template-columns:1fr;
    }



    .career-footer > div{
        padding:18px;
        border-right:none;
    }


    .career-footer svg{
        width:32px;
        height:32px;
    }



    .career-footer h5{
        font-size:13px;
    }



    .career-footer p{
        font-size:11px;
    }

}



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

@media (max-width:1200px){

    .visa-upload-container{
        width:95%;
    }

    .document-grid{
        grid-template-columns:repeat(2,1fr);
    }

}



@media (max-width:991px){

    .visa-upload-section{
        padding:60px 15px;
    }

    .visa-upload-container{
        padding:30px;
    }

    .visa-header h2{
        font-size:28px;
    }

    .visa-steps{
        gap:20px;
    }

    .step{
        flex:1;
    }

    .step span{
        font-size:12px;
    }

    .document-grid{
        grid-template-columns:1fr;
    }

    .travel-grid{
        grid-template-columns:1fr;
    }

    .visa-buttons{
        flex-direction:column;
    }

    .cancel-btn,
    .continue-btn{
        width:100%;
    }

    .bottom-features{
        grid-template-columns:1fr;
        gap:15px;
    }

}



@media (max-width:767px){

    .visa-upload-container{
        padding:20px;
        border-radius:15px;
    }

    .visa-header h2{
        font-size:24px;
    }

    .visa-header p{
        font-size:13px;
    }

    .visa-steps{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .step{
        width:100%;
        justify-content:flex-start;
    }

    .step::after{
        display:none;
    }

    .upload-card{
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }

    .upload-btn{
        width:100%;
        justify-content:center;
    }

    .security-box{
        padding:18px;
    }

    .security-left{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .feature-box{
        padding:18px;
    }

}



@media (max-width:480px){

    .visa-upload-section{
        padding:40px 10px;
    }

    .visa-upload-container{
        padding:15px;
    }

    .visa-card-1{
        padding:18px;
    }

    .upload-card{
        padding:15px;
    }

    .upload-info h5{
        font-size:14px;
    }

    .upload-info p{
        font-size:11px;
    }

    .travel-field label{
        font-size:17px;
    }

    .travel-field input{
        height:48px;
        font-size:13px;
    }

    .cancel-btn,
    .continue-btn{
        height:52px;
        font-size:17px;
    }

    .feature-box{
        flex-direction:column;
        text-align:center;
    }

}


/*========================================
VISA UPLOAD SECTION
========================================*/

.visa-upload-section{
    background:#080808;
    padding:80px 0;
}

.visa-upload-container{
    width:90%;
    max-width:1250px;
    margin:auto;
}


/*========================================
HEADER
========================================*/

.visa-header{
    text-align:center;
    margin-bottom:45px;
}

.visa-header h2{
    color:#fff;
    font-size:40px;
    font-weight:700;
    margin-bottom:12px;
}

.visa-header p{
    color:#9ca8b7;
    font-size:15px;
    max-width:650px;
    margin:auto;
    line-height:1.7;
}


/*========================================
STEP BAR
========================================*/

.visa-steps{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:40px;
}

.step{
    display:flex;
    align-items:center;
    position:relative;
    padding:0 55px;
}

.step:not(:last-child)::after{
    content:"";
    position:absolute;
    top:22px;
    left:81%;
    width:38%;
    height:2px;
    background:#263241;
}

.step-circle{
    width:46px;
    height:46px;
    border-radius:50%;
    border:2px solid #344353;
    background:#10161f;
    color:#fff;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
    transition:.3s;
}

.step span{
    color:#aab4c2;
    font-size:14px;
    font-weight:600;
}

.step.active .step-circle{
    background:#8ccf00;
    color:#111;
    border-color:#8ccf00;
}

.step.active span{
    color:#fff;
}


/*========================================
MAIN CARD
========================================*/

.visa-card-1{
    background:#0d141c;
    border:1px solid #202c3a;
    border-radius:16px;
    padding:20px 45px;
    height: auto;
}

.visa-card-heading{
    margin-bottom:30px;
}

.visa-card-heading h3{
    color:#fff;
    font-size:28px;
    margin-bottom:10px;
}

.visa-card-heading p{
    color:#98a3b1;
    font-size:22px;
}


/*========================================
DOCUMENT GRID
========================================*/

.document-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}


/*========================================
UPLOAD CARD
========================================*/

.upload-card{

    background:#111923;
    border:1px solid #283544;
    border-radius:12px;

    padding:6px 25px;

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

    transition:.35s;

}

.upload-card:hover{

    border-color:#8ccf00;
    transform:translateY(-4px);

}

.upload-info{
    display:flex;
    align-items:center;
}

.upload-icon{

    width:54px;
    height:54px;

    border-radius:50%;
    background:#1b2512;
    border:1px solid #436800;

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

    margin-right:15px;

}

.upload-icon svg{

    width:24px;
    height:24px;
    fill:#8ccf00;

}

.upload-info h5{

    color:#fff;
    font-size:23px;
    margin-bottom:5px;

}

.upload-info h5 small{

    color:#8ccf00;
    font-size:11px;

}

.upload-info p{

    color:#8ccf00;
    font-size:13px;
    margin:0;

}


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

.upload-btn{

    cursor:pointer;

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

    gap:8px;

    min-width:150px;
    height:48px;

    border:1px dashed #8ccf00;
    border-radius:8px;

    color:#8ccf00;
    font-size:13px;
    font-weight:600;

    transition:.3s;

}

.upload-btn:hover{

    background:#8ccf00;
    color:#111;

}

.upload-btn svg{

    width:18px;
    height:18px;
    fill:currentColor;

}

.upload-btn input{

    display:none;

}

/*========================================
TRAVEL SECTION
========================================*/
/* 
.travel-section{
    margin-top:40px;
} */

.travel-section h4{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-size:30px;
    margin-bottom:22px;
}

.travel-section h4 svg{
    width:22px;
    height:22px;
    fill:#8ccf00;
}

.travel-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
}

.travel-field label{
    display:block;
    color:#c8d0db;
    font-size:17px;
    margin-bottom:10px;
    font-weight:600;
}

.travel-field input{
    width:100%;
    height:55px;
    padding:0 18px;
    border-radius:8px;
    border:1px solid #2a3746;
    background:#101923;
    color:#fff;
    font-size:14px;
    outline:none;
    transition:.3s;
}

.travel-field input:focus{
    border-color:#8ccf00;
}

/* .travel-field input::-webkit-calendar-picker-indicator{
    filter:invert(1);
    cursor:pointer;
} */


/*========================================
EXTRA DOCUMENTS
========================================*/

.extra-documents{
    margin-top:30px;
}

.upload-card.purple .upload-icon{
    background:#221a31;
    border-color:#7d5cff;
}

.upload-card.purple .upload-icon svg{
    fill:#8b6dff;
}

.upload-card.purple:hover{
    border-color:#8b6dff;
}

.upload-card.purple .upload-btn{
    border:1px dashed #8b6dff;
    color:#8b6dff;
}

.upload-card.purple .upload-btn:hover{
    background:#8b6dff;
    color:#fff;
}


/*========================================
SECURITY BOX
========================================*/

.security-box{
    margin-top:35px;
    background:#132012;
    border:1px solid #2e5a22;
    border-radius:12px;
    padding:10px 25px;
}

.security-left{
    display:flex;
    align-items:center;
    gap:18px;
}



.security-icon svg{
    width:28px;
    height:28px;
    fill:#111;
}

.security-left h5{
    color:#fff;
    font-size:25px;
    margin-bottom:6px;
}

.security-left p{
    color:#cdd7c7;
    font-size:18px;
    line-height:1.7;
    margin:0;
}


/*========================================
BUTTONS
========================================*/

.visa-buttons{
    margin-top:35px;
    display:flex;
    justify-content:flex-end;
    gap:15px;
}

.cancel-btn{
    min-width:150px;
    height:52px;
    border-radius:8px;
    border:1px solid #3a4654;
    background:transparent;
    color:#fff;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.cancel-btn:hover{
    background:#1b2532;
}

.continue-btn{
    min-width:220px;
    height:52px;
    border:none;
    border-radius:8px;
    background:#8ccf00;
    color:#111;
    font-size:15px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    cursor:pointer;
    transition:.3s;
}

.continue-btn:hover{
    background:#a6eb16;
    transform:translateY(-2px);
}

.continue-btn svg{
    width:18px;
    height:18px;
    fill:currentColor;
}


/*========================================
BOTTOM FEATURES
========================================*/

.bottom-features{

    margin-top:40px;

    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:20px;

}

.feature-box{

    background:#101923;

    border:1px solid #273544;

    border-radius:12px;

    padding:22px;

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

    transition:.35s;

}

.feature-box:hover{

    transform:translateY(-5px);

    border-color:#8ccf00;

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

}

.feature-box svg{

    width:45px;
    height:62px;

    min-width:26px;

    fill:#8ccf00;

}

.feature-box h6{

    color:#fff;

    font-size:22px;

    margin:0 0 6px;

}

.feature-box p {
    color: #dddddd;
    font-size: 17px;
    margin: 0;
    line-height: 1.6;
}


/*========================================
SCROLLBAR
========================================*/

.visa-upload-section::-webkit-scrollbar{
    width:8px;
}

.visa-upload-section::-webkit-scrollbar-thumb{
    background:#8ccf00;
    border-radius:30px;
}

.visa-upload-section::-webkit-scrollbar-track{
    background:#111923;
}


/*========================================
SMOOTH TRANSITIONS
========================================*/

.upload-card,
.feature-box,
.upload-btn,
.cancel-btn,
.continue-btn,
.travel-field input{
    transition:.35s ease;
}


/*========================================
DESKTOP
========================================*/

@media (max-width:1200px){

    .visa-upload-container{

        width:95%;

    }

    .document-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


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

@media (max-width:991px){

    .visa-upload-section{

        padding:60px 20px;

    }

    .visa-card-1{

        padding:25px;

    }

    .visa-header h2{

        font-size:32px;

    }

    .visa-steps{

        flex-wrap:wrap;

        gap:20px;

    }

    .step{

        padding:0 15px;

    }

    .step::after{

        display:none;

    }

    .document-grid{

        grid-template-columns:1fr;

    }

    .bottom-features{

        grid-template-columns:1fr;

    }

    .visa-buttons{

        justify-content:center;

        flex-wrap:wrap;

    }

}


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

@media (max-width:767px){

    .visa-upload-container{

        width:100%;

    }

    .visa-header{

        margin-bottom:30px;

    }

    .visa-header h2{

        font-size:26px;

    }

    .visa-header p{

        font-size:13px;

    }

    .visa-card-1{

        padding:18px;

    }

    .visa-card-heading h3{

        font-size:22px;

    }

    .upload-card{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

    }

    .upload-info{

        width:100%;

    }

    .upload-btn{

        width:100%;

    }

    .security-left{

        flex-direction:column;

        align-items:flex-start;

    }

    .security-icon{

        margin-bottom:5px;

    }

    .visa-buttons{

        flex-direction:column;

    }

    .cancel-btn,
    .continue-btn{

        width:100%;

    }

    .feature-box{

        flex-direction:column;

        text-align:center;

    }

}


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

@media (max-width:480px){

    .visa-upload-section{

        padding:40px 12px;

    }

    .visa-header h2{

        font-size:22px;

    }

    .step{

        width:100%;

        justify-content:flex-start;

    }

    .step-circle{

        width:42px;
        height:42px;

        font-size:14px;

    }

    .step span{

        font-size:13px;

    }

    .upload-card{

        padding:16px;

    }

    .upload-icon{

        width:48px;
        height:48px;

    }

    .upload-icon svg{

        width:20px;
        height:20px;

    }

    .upload-info h5{

        font-size:15px;

    }

    .upload-info p{

        font-size:12px;

    }

    .travel-section h4{

        font-size:18px;

    }

    .security-box{

        padding:18px;

    }

    .feature-box{

        padding:18px;

    }

}



.upload-card{
    transition:.35s ease;
    will-change:transform;
}

.upload-card:hover{

    border-color:#8ccf00;

    transform:translateY(-4px);

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

}



.upload-card:hover{
    border-color:#283544;
    transform:none;
    box-shadow:none;
}





    /*=========================================
VISA PAYMENT SECTION
=========================================*/

.visa-payment-section{
    background:#080808;
    padding:90px 0;
}

.visa-payment-container{
    width:90%;
    max-width:1240px;
    margin:auto;
}


/*=========================================
HEADER
=========================================*/

.visa-payment-header{
    text-align:center;
    margin-bottom:45px;
}

.visa-payment-header h2{
    font-size:42px;
    color:#fff;
    font-weight:700;
    margin-bottom:12px;
}

.visa-payment-header p{
    color:#9ca8b7;
    font-size:15px;
    line-height:1.7;
    max-width:650px;
    margin:auto;
}


/*=========================================
STEP BAR
=========================================*/

.payment-steps{

    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:45px;

}

.payment-step{

    display:flex;
    align-items:center;
    position:relative;
    padding:0 55px;

}

.payment-step:not(:last-child)::after{

    content:"";
    position:absolute;
    top:22px;
    left:81%;
    width:38%;
    height:2px;
    background:#2c3745;

}

.payment-circle{

    width:46px;
    height:46px;

    border-radius:50%;

    border:2px solid #384554;

    background:#10161f;

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

    margin-right:12px;

    color:#fff;
    font-weight:700;
    font-size:15px;

}

.payment-circle svg{

    width:18px;
    height:18px;
    fill:#fff;

}

.payment-step span{

    color:#9fa9b7;
    font-size:14px;
    font-weight:600;

}

.payment-step.completed .payment-circle{

    background:#8ccf00;
    border-color:#8ccf00;

}

.payment-step.completed .payment-circle svg{

    fill:#111;

}

.payment-step.completed span{

    color:#fff;

}



.payment-step.active span{

    color:#fff;

}


/*=========================================
SUCCESS MESSAGE
=========================================*/

.payment-success-box{

    background:#132012;
    border:1px solid #2f5d21;

    border-radius:12px;

    padding:22px 24px;

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

    margin-bottom:35px;

}

.success-icon{

    width:60px;
    height:60px;

    border-radius:50%;

    background:#8ccf00;

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

    flex-shrink:0;

}

.success-icon svg{

    width:30px;
    height:30px;
    fill:#111;

}

.success-content h5{

    color:#fff;
    font-size:20px;
    margin-bottom:6px;

}

.success-content p{

    color:#c7d0c3;
    font-size:14px;
    line-height:1.7;
    margin:0;

}


/*=========================================
MAIN CARD
=========================================*/

.payment-main-card{

    background:#0d141c;

    border:1px solid #202d3a;

    border-radius:18px;

    padding:35px;

}


/*=========================================
SUMMARY
=========================================*/

.summary-title{

    margin-bottom:25px;

}

.summary-title h3{

    color:#fff;

    font-size:28px;

    font-weight:700;

}

.summary-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

    margin-bottom:30px;

}

.summary-item{

    background:#101923;

    border:1px solid #273544;

    border-radius:12px;

    padding:22px;

}

.summary-item span{

    display:block;

    color:#96a3b0;

    font-size:13px;

    margin-bottom:10px;

}

.summary-item h5{

    color:#fff;

    font-size:18px;

    margin:0;

}


/*=========================================
TOTAL AMOUNT
=========================================*/

.payment-total-box{

    background:#111d10;

    border:2px solid #8ccf00;

    border-radius:14px;

    padding:28px;

    text-align:center;

    margin-bottom:35px;

}

.payment-total-box span{

    display:block;

    color:#c7d0c3;

    font-size:14px;

    margin-bottom:10px;

}

.payment-total-box h2{

    color:#8ccf00;

    font-size:42px;

    font-weight:700;

    margin:0 0 10px;

}

.payment-total-box small{

    color:#b6c1b2;

    font-size:13px;

}



/*=========================================
PAYMENT METHOD
=========================================*/

.payment-method-section{

    margin-top:35px;

}

.payment-heading{

    color:#fff;

    font-size:24px;

    font-weight:700;

    margin-bottom:25px;

}

.payment-method-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:18px;

}


/*=========================================
PAYMENT CARD
=========================================*/

.payment-method-card{

    position:relative;

    background:#101923;

    border:1px solid #283544;

    border-radius:14px;

    padding:25px 18px;

    text-align:center;

    cursor:pointer;

    transition:.35s;

}

.payment-method-card input{

    position:absolute;

    opacity:0;

}

.payment-method-card:hover{

    border-color:#8ccf00;

}

.payment-method-card.active,
.payment-method-card:has(input:checked){

    border:2px solid #8ccf00;

    background:#14210f;

}

.payment-method-icon{

    width:65px;

    height:65px;

    margin:auto auto 18px;

    border-radius:50%;

    background:#182410;

    display:flex;

    align-items:center;

    justify-content:center;

}

.payment-method-icon svg{

    width:34px;

    height:34px;

    fill:#8ccf00;

}

.payment-method-card h5{

    color:#fff;

    font-size:17px;

    margin-bottom:8px;

}

.payment-method-card p {
    color: #97a3b0;
    font-size: 16px;
    line-height: 1.22;
    margin: 0;
}


/*=========================================
PAYMENT DETAILS
=========================================*/

.payment-detail-card{

    margin-top:40px;

    background:#101923;

    border:1px solid #273544;

    border-radius:15px;

    padding:30px;

}

.payment-detail-card h3{

    color:#fff;

    font-size:24px;

    margin-bottom:25px;

}


/*=========================================
PAYMENT ROW
=========================================*/

.payment-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 0;

    border-bottom:1px solid #273544;

}

.payment-row:last-child{

    border-bottom:none;

}

.payment-row span{

    color:#aab6c3;

    font-size:15px;

}

.payment-row strong{

    color:#fff;

    font-size:16px;

    font-weight:600;

}

.payment-row.total{

    margin-top:5px;

    padding-top:22px;

}

.payment-row.total span{

    font-size:18px;

    color:#fff;

    font-weight:700;

}

.payment-row.total strong{

    font-size:28px;

    color:#8ccf00;

}


/*=========================================
SECURITY BOX
=========================================*/

.payment-security-strip{

    margin-top:35px;

    background:#132012;

    border:1px solid #2e5b22;

    border-radius:14px;

    padding:22px 24px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.secure-left{

    display:flex;

    align-items:center;

    gap:18px;

}

.secure-left svg{

    width:28px;

    height:28px;

    fill:#8ccf00;

}

.secure-left h5{

    color:#fff;

    font-size:18px;

    margin-bottom:6px;

}

.secure-left p{

    color:#c7d0c3;

    font-size:14px;

    line-height:1.7;

    margin:0;

}

.secure-right{

    text-align:right;

}

.secure-right span{

    display:block;

    color:#aab6c3;

    font-size:13px;

    margin-bottom:5px;

}

.secure-right strong{

    color:#8ccf00;

    font-size:24px;

    font-weight:700;

}


/*=========================================
PAY NOW BUTTON
=========================================*/

.pay-now-btn{

    width:100%;

    height:60px;

    border:none;

    border-radius:12px;

    background:#8ccf00;

    color:#111;

    font-size:18px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    cursor:pointer;

    transition:.35s;

    margin-top:35px;

}

.pay-now-btn:hover{

    background:#a4e81d;

}

.pay-now-btn svg{

    width:22px;

    height:22px;

    fill:#111;

}



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

.back-edit-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-top:18px;

    color:#8ccf00;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

}

.back-edit-btn svg{

    width:18px;

    height:18px;

    fill:#8ccf00;

}



/*=========================================
BOTTOM FEATURES
=========================================*/

.payment-bottom-features{

    margin-top:45px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

}

.payment-feature-box{

    background:#101923;

    border:1px solid #273544;

    border-radius:14px;

    padding:22px;

    display:flex;

    align-items:center;

    gap:18px;

}

.feature-icon{

    width:58px;

    height:58px;

    border-radius:50%;

    background:#182410;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.feature-icon svg{

    width:28px;

    height:28px;

    fill:#8ccf00;

}

.payment-feature-box h5{

    color:#fff;

    font-size:18px;

    margin-bottom:6px;

}

.payment-feature-box p{

    color:#9ca8b7;

    font-size:17px;

    line-height:1.6;

    margin:0;

}



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

@media(max-width:1200px){

.payment-method-grid{

grid-template-columns:repeat(3,1fr);

}

.summary-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:991px){

.visa-payment-section{

padding:70px 20px;

}

.payment-main-card{

padding:25px;

}

.payment-steps{

flex-wrap:wrap;

gap:18px;

}

.payment-step{

padding:0 15px;

}

.payment-step::after{

display:none;

}

.payment-method-grid{

grid-template-columns:repeat(2,1fr);

}

.payment-bottom-features{

grid-template-columns:1fr;

}

.payment-security-strip{

flex-direction:column;

text-align:center;

gap:18px;

}

.secure-left{

flex-direction:column;

}

.secure-right{

text-align:center;

}

}



@media(max-width:767px){

.visa-payment-header h2{

font-size:28px;

}

.visa-payment-header p{

font-size:13px;

}

.summary-grid{

grid-template-columns:1fr;

}

.payment-method-grid{

grid-template-columns:1fr;

}

.payment-success-box{

flex-direction:column;

text-align:center;

}

.payment-row{

font-size:14px;

}

.payment-row.total strong{

font-size:22px;

}

.payment-bottom-features{

grid-template-columns:1fr;

}

.payment-feature-box{

flex-direction:column;

text-align:center;

}

.pay-now-btn{

font-size:16px;

height:55px;

}

}



@media(max-width:480px){

.visa-payment-section{

padding:50px 12px;

}

.visa-payment-container{

width:100%;

}

.payment-main-card{

padding:18px;

}

.payment-circle{

width:42px;

height:42px;

font-size:14px;

}

.payment-step span{

font-size:12px;

}

.payment-total-box h2{

font-size:30px;

}

.payment-detail-card{

padding:20px;

}

.payment-feature-box{

padding:18px;

}

.feature-icon{

width:50px;

height:50px;

}

.feature-icon svg{

width:24px;

height:24px;

}

}



    .dark-section{
    background: #080808;/* Dark background */
    color: #f8f9fa;
}

.dark-section h1{
    color: #ffffff;
}

.dark-section p{
    color: #d1d5db;
    line-height: 1.8;
}

.dark-section ul{
    padding-left: 20px;
}

.dark-section ul li{
    color: #d1d5db;
    margin-bottom: 12px;
}

.dark-section ul li strong{
    color: #ffffff;
}

/* Agar font classes use ho rahi hain */
.dark-section .font-f-2{
    color: #d1d5db !important;
}

.dark-section .font-f-4{
    color: #ffffff !important;
}

.dark-section a{
    color: #60a5fa;
}

.dark-section a:hover{
    color: #93c5fd;
}



        /*=========================================
USER AGREEMENT DARK SECTION
=========================================*/

.about4{
    background:#080808;
    padding:100px 0 !important;
}

/* .about4 .container{
    max-width:1200px;
} */

/* Main Heading */

.about4 h1{
    color:#ffffff;
    font-size:34px;
    font-weight:700;
    margin:45px 0 18px;
    line-height:1.4;
}

.about4 h1:first-child{
    margin-top:0;
}

/* Last Updated */

.about4 strong{
    color:#8ccf00;
    font-weight:700;
}

/* Paragraph */

.about4 p{
    color:#b6c0cb;
    font-size:16px;
    line-height:1.9;
    margin-bottom:20px;
}

/* List */

.about4 ul{
    margin:0 0 30px;
    padding-left:25px;
}

.about4 ul li,
.about4 .careers{
    color:#b6c0cb;
    font-size:16px;
    line-height:1.9;
    margin-bottom:14px;
}

.about4 ul li::marker{
    color:#8ccf00;
}

/* Highlight */

.about4 b,
.about4 strong{
    color:#8ccf00;
}

/* Link */

.about4 a{
    color:#8ccf00;
    text-decoration:none;
    transition:.3s;
}

.about4 a:hover{
    color:#ffffff;
}

/* Section spacing */

.about4 h1 + p{
    margin-top:10px;
}

.about4 h1 + ul{
    margin-top:15px;
}

/* Tablet */

@media(max-width:991px){

    .about4{
        padding:80px 0 !important;
    }

    .about4 h1{
        font-size:28px;
    }

    .about4 p,
    .about4 ul li{
        font-size:15px;
    }

}

/* Mobile */

@media(max-width:767px){

    .about4{
        padding:60px 0 !important;
    }

    .about4 h1{
        font-size:23px;
        line-height:1.45;
    }

    .about4 p,
    .about4 ul li{
        font-size:14px;
        line-height:1.8;
    }

    .about4 ul{
        padding-left:20px;
    }

}
   


        /* =========================================
   CUSTOM VISA SLIDER - NO SWIPER
========================================= */

.visaSwiper {
    width: 100%;
    overflow: hidden;
}

.visaSwiper .swiper-wrapper {
    display: flex !important;
    width: 100%;
    transition: transform 0.6s ease-in-out;
    gap: 20px;
}

.visaSwiper .swiper-slide {
    flex: 0 0 calc((100% - 40px) / 3);
    width: calc((100% - 40px) / 3) !important;
    margin: 0 !important;
}

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

    .visaSwiper .swiper-slide {
        flex: 0 0 calc((100% - 20px) / 2);
        width: calc((100% - 20px) / 2) !important;
    }

}

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

    .visaSwiper .swiper-wrapper {
        gap: 15px;
    }

    .visaSwiper .swiper-slide {
        flex: 0 0 100%;
        width: 100% !important;
    }

}



        /* =========================================
   PREMIUM TESTIMONIAL DESIGN
========================================= */

.testimonial4 {
    background: #080808 !important;
    
    padding-bottom: 0px;
    padding-top: 40px;
}

.testimonial4 .section-title-1 span {
    color: #5cd321;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.testimonial4 .section-title-1 h2 {
    color: #ffffff;
}

.testimonial4 .section-title-1 h2 strong {
    color: #5cd321;
}

.testimonial4 .section-title-1 p {
    color: #bdbdbd;
}


/* Slider spacing */
.tes4-slider {
    padding: 15px 5px 30px;
}


/* =========================================
   TESTIMONIAL CARD
========================================= */

.tes4-slider-single {
    position: relative;
    background: #111111;
    border: 1px solid rgba(92, 211, 33, 0.20);
    border-radius: 18px;
    padding: 35px 30px 30px;
    min-height: 330px;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.35);

    transition: all 0.35s ease;
    overflow: hidden;
}


/* Green top line */
.tes4-slider-single::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #5cd321;
}


/* Decorative green glow */
.tes4-slider-single::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -60px;
    top: -60px;
    border-radius: 50%;
    background: rgba(92, 211, 33, 0.08);
}


/* Hover */
.tes4-slider-single:hover {
    transform: translateY(-8px);
    border-color: rgba(92, 211, 33, 0.65);

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.50),
        0 0 25px rgba(92, 211, 33, 0.10);
}


/* =========================================
   QUOTE ICON
========================================= */

.tes4-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(92, 211, 33, 0.10);
    border: 1px solid rgba(92, 211, 33, 0.30);
    border-radius: 12px;

    margin-bottom: 18px;
}

.tes4-icon img {
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%)
            invert(73%)
            sepia(88%)
            saturate(1000%)
            hue-rotate(55deg)
            brightness(100%);
}


/* =========================================
   TESTIMONIAL TEXT
========================================= */

.tes4-hadding p {
    color: #eeeeee;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    margin: 0;
}


/* =========================================
   USER AREA
========================================= */

.tes4-bottom-hadding {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
    padding-top: 20px;

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


/* User Image */
.tes4-bottom-img {
    flex-shrink: 0;
}

.tes4-bottom-img img {
    width: 58px !important;
    height: 58px !important;
    object-fit: cover;
    border-radius: 50%;

    border: 2px solid #5cd321;
    padding: 2px;
    background: #111111;
}


/* User Name */
.tes4-hadding-bottom h6 {
    margin: 0;
}

.tes4-hadding-bottom h6 a {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 600;
    transition: 0.3s ease;
}

.tes4-hadding-bottom h6 a:hover {
    color: #5cd321 !important;
}


/* Country */
.tes4-hadding-bottom p {
    color: #888888 !important;
    font-size: 14px;
    margin: 0;
}


/* =========================================
   OWL DOTS
========================================= */

.testimonial4 .owl-dots {
    margin-top: 25px;
    text-align: center;
}

.testimonial4 .owl-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #444 !important;
    margin: 0 5px;
    transition: all 0.3s ease;
}

.testimonial4 .owl-dot.active {
    width: 28px;
    border-radius: 10px;
    background: #5cd321 !important;
}


/* =========================================
   OWL NAVIGATION
========================================= */

.testimonial4 .owl-nav button {
    width: 45px;
    height: 45px;
    border-radius: 50% !important;

    background: #111111 !important;
    border: 1px solid rgba(92, 211, 33, 0.35) !important;

    color: #5cd321 !important;

    transition: 0.3s ease;
}

.testimonial4 .owl-nav button:hover {
    background: #5cd321 !important;
    color: #080808 !important;
    border-color: #5cd321 !important;
}


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

@media (max-width: 767px) {

    .testimonial4 {
        padding: 70px 0;
    }

    .tes4-slider-single {
        padding: 28px 22px;
        min-height: auto;
    }

    .tes4-hadding p {
        font-size: 15px;
        line-height: 1.7;
    }

    .testimonial4 .section-title-1 h2 {
        font-size: 30px;
        line-height: 1.3;
    }

}






    /* =========================================
   POWERED BY RAZORPAY
========================================= */

.razorpay-powered {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    width: fit-content;
    margin: 28px auto 22px;
    padding: 12px 22px;

    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);

    transition: all 0.3s ease;
}

.razorpay-powered:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.10);
}



.razorpay-powered {
    background: #111111;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
}

.razorpay-text small {
    color: #aaaaaa;
}

.razorpay-text strong {
    color: #3395ff;
}

.razorpay-text strong span {
    color: #ffffff;
}

.razorpay-powered:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}


/* Lock Icon */

.razorpay-lock {
    width: 38px;
    height: 38px;

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

    border-radius: 9px;

    background: linear-gradient(
        135deg,
        #3395ff,
        #8b5cf6
    );

    color: #ffffff !important;
}

.razorpay-lock svg {
    width: 20px;
    height: 20px;
}


/* Razorpay Text */

.razorpay-text {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.razorpay-text small {
    font-size: 10px;
    color: #777777;
    margin-bottom: 4px;
    letter-spacing: 0.4px;
}

.razorpay-text strong {
    font-size: 20px;
    font-weight: 700;
    color: #3395ff;
    letter-spacing: -0.5px;
}

.razorpay-text strong span {
    color: #fff;
}


/* Mobile */

@media (max-width: 575px) {

    .razorpay-powered {
        padding: 10px 18px;
        margin-top: 22px;
    }

    .razorpay-lock {
        width: 34px;
        height: 34px;
    }

    .razorpay-text strong {
        font-size: 18px;
    }

}



    /*==========================
HOLIDAY BOOKING SECTION
==========================*/

.holiday-booking-section{
    background:#080808;
    padding:70px 0;
    color:#fff;
    
}

.holiday-container{
    width:90%;
    max-width:1350px;
    margin:auto;
}

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

.holiday-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
    margin-bottom:25px;
}

.holiday-content{
    width:42%;
}

.holiday-tag{
    color:#9edb20;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
}

.holiday-content h2{
    font-size:46px;
    line-height:1.15;
    margin:12px 0 18px;
    font-weight:700;
}

.holiday-content h2 span{
    color:#9edb20;
}

.holiday-content p{
    color:#b5bcc8;
    line-height:1.8;
    font-size:16px;
}

/*==========================
FEATURES
==========================*/

.holiday-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:35px;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:12px;
}

.feature-item svg{
    width:35px;
    height:35px;
    fill:#9edb20;
    flex-shrink:0;
}

.feature-item h6{
    margin:0;
    font-size:14px;
    color:#fff;
}

.feature-item p{
    margin:2px 0 0;
    color:#9fa6b2;
    font-size:16px;
}

/*==========================
IMAGE
==========================*/

.holiday-image{
    width:58%;
    position:relative;
}

.holiday-image img{
    width:100%;
    height:380px;
    object-fit:cover;
    border-radius:16px;
    display:block;
}

.holiday-badge{
    position:absolute;
    right:20px;
    bottom:20px;
    background:#111821;
    border:1px solid #263241;
    border-radius:12px;
    padding:15px 18px;
    display:flex;
    align-items:center;
    gap:15px;
}

.holiday-badge svg{
    width:28px;
    height:28px;
    fill:#9edb20;
}

.holiday-badge strong{
    display:block;
    font-size:15px;
}

.holiday-badge span{
    display:block;
    color:#b4bcc8;
    font-size:13px;
}

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

.holiday-form-box{
    background:#0d1219;
    border:1px solid #202b39;
    border-radius:14px;
    display:flex;
    overflow:hidden;
    margin-top:20px;
}

/*==========================
LEFT INFO
==========================*/

.form-info{
    width:28%;
    border-right:1px solid #202b39;
    padding:30px;
}

.form-info span{
    color:#9edb20;
    font-size:12px;
    font-weight:700;
}

.form-info h3{
    font-size:30px;
    line-height:1.3;
    margin:12px 0;
}

.form-info strong{
    color:#9edb20;
}

.form-info p{
    color:#aab2bf;
    line-height:1.7;
    font-size:16px;
}

.travel-illustration{
    margin-top:35px;
}

.travel-illustration svg{
    width:170px;
    color:#84c114;
}

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

.holiday-form{
    width:72%;
    padding:30px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.holiday-form input,
.holiday-form select{
    width:100%;
    background:#0b1017;
    border:1px solid #263241;
    color:#fff;
    height:48px;
    border-radius:8px;
    padding:0 15px;
    font-size:13px;
    outline:none;
}

.holiday-form input:focus,
.holiday-form select:focus{
    border-color:#9edb20;
}

.holiday-form select option{
    background:#111821;
}

/*==========================
SUBMIT
==========================*/

.holiday-submit{
    grid-column:1/-1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:8px;
}

.submit-text{
    display:flex;
    align-items:center;
    gap:12px;
}

.submit-text svg{
    width:26px;
    height:26px;
    fill:#9edb20;
}

.submit-text p{
    margin:0;
    color:#b9c0cb;
    font-size:13px;
    line-height:1.6;
}

.submit-text strong{
    display:block;
    color:#9edb20;
}

.holiday-submit button{
    border:none;
    background:#9edb20;
    color:#111;
    height:48px;
    padding:0 28px;
    border-radius:8px;
    font-weight:700;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:10px;
    transition:.3s;
}

.holiday-submit button:hover{
    transform:translateY(-2px);
}

.holiday-submit button svg{
    width:18px;
    height:18px;
    fill:#111;
}

/*==========================
BOTTOM
==========================*/

.holiday-bottom{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:25px;
}

.holiday-bottom div{
    background:#0d1219;
    border:1px solid #202b39;
    border-radius:10px;
    padding:20px;
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.holiday-bottom svg{
    width:24px;
    height:24px;
    fill:#9edb20;
    flex-shrink:0;
}

.holiday-bottom h5{
    margin:0 0 6px;
    font-size:14px;
}

.holiday-bottom p{
    margin:0;
    color:#9ea7b5;
    font-size:14px;
    line-height:1.6;
}

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

@media(max-width:992px){

    .holiday-top{
        flex-direction:column;
    }

    .holiday-content,
    .holiday-image{
        width:100%;
    }

    .holiday-form-box{
        flex-direction:column;
    }

    .form-info,
    .holiday-form{
        width:100%;
    }

    .form-info{
        border-right:none;
        border-bottom:1px solid #202b39;
    }

    .holiday-form{
        grid-template-columns:repeat(2,1fr);
    }

    .holiday-bottom{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .holiday-content h2{
        font-size:34px;
    }

    .holiday-features{
        grid-template-columns:1fr;
    }

    .holiday-image img{
        height:250px;
    }

    .holiday-form{
        grid-template-columns:1fr;
    }

    .holiday-submit{
        flex-direction:column;
        align-items:flex-start;
    }

    .holiday-submit button{
        width:100%;
        justify-content:center;
    }

    .holiday-bottom{
        grid-template-columns:1fr;
    }

}



    .hadding2 span {
        border-radius: 5px;
        padding: 1px;
        background: transparent;

        color: #6f6f6feb;
        font-size: 12px;
        font-weight: 600;
    }

    .selected {
        width: 308px !important;
    }

    @media (max-width: 576px) {

        /* Mobile size */
        .selected {
            width: 195px !important;
        }
    }

    @media (max-width: 1400px) {
        .selected {
            width: 262px !important;
        }
    }

    /* Mobile view adjustments */
    @media (max-width: 769px) {
        .selected {
            width: 160px !important;
        }
    }


    .nice-select {
        -webkit-tap-highlight-color: transparent;
        background-color: transparent;
        border-radius: 5px;
        border: solid 1px #c2b9b994;
        box-sizing: border-box;
        clear: both;
        cursor: pointer;
        display: block;
        float: left;
        font-family: inherit;
        font-size: 14px;
        font-weight: normal;
        height: 53px;
        line-height: 47px;
        outline: none;
        padding-left: 18px;
        padding-right: 30px;
        position: relative;
        text-align: left !important;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        width: auto;
        margin-top: 18px;
    }

    .hadding2 span {
        text-transform: capitalize;
    }





.uploaded-file-name {
    display: none;
    margin-top: 8px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    color: #16a34a;
    word-break: break-word;
}

.uploaded-file-name.show {
    display: block;
}

.upload-btn.uploaded {
    background: #ecfdf5;
    border-color: #7ED321;
    color: #15803d;
}

.upload-btn.uploaded svg {
    fill: #16a34a;
}




.razorpay-lock {
    width: 38px;
    height: 38px;

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

    border-radius: 9px;

    background: linear-gradient(
        135deg,
        #3395ff,
        #8b5cf6
    );

    color: #ffffff !important;
}

.razorpay-lock svg {
    width: 20px;
    height: 20px;
}

   
   


    .privacy-dark-section {
        background: #010101;
        padding: 60px 0;
        color: #d9e0ea;
    }

    .privacy-wrapper {
        max-width: 1100px;
        margin: 0 auto;
    }

    .privacy-header {
        text-align: center;
        margin-bottom: 50px;
    }

    .privacy-header .small-title {
        display: inline-block;
        color: #8eb7ff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

    .privacy-header h1 {
        color: #ffffff;
        font-size: 42px;
        line-height: 1.2;
        margin: 0 0 15px;
        font-weight: 700;
    }

    .privacy-header p {
        max-width: 750px;
        margin: 0 auto;
        color: #9ca8b8;
        font-size: 16px;
        line-height: 1.8;
    }

    .privacy-content {
        background: #0f0f0f;
        border: 1px solid rgba(255,255,255,0.07);
        border-radius: 18px;
        padding: 45px;
        box-shadow: 0 20px 60px rgba(0,0,0,0.25);
    }

    .privacy-item {
        position: relative;
        padding: 0 0 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid rgba(255,255,255,0.07);
    }

    .privacy-item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .privacy-item h2 {
        color: #ffffff;
        font-size: 21px;
        line-height: 1.4;
        margin: 0 0 14px;
        font-weight: 600;
    }

    .privacy-item h2 span {
        color: #7faeff;
        margin-right: 7px;
    }

    .privacy-item p {
        color: #aeb9c8;
        font-size: 15px;
        line-height: 1.85;
        margin: 0 0 15px;
    }

    .privacy-item ul {
        padding-left: 20px;
        margin: 10px 0 0;
    }

    .privacy-item ul li {
        color: #aeb9c8;
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 9px;
        padding-left: 5px;
    }

    .privacy-item ul li::marker {
        color: #7faeff;
    }

    .privacy-item strong {
        color: #e8edf5;
        font-weight: 600;
    }

    .privacy-contact {
        background: #0c1525;
        border: 1px solid rgba(127,174,255,0.15);
        border-radius: 14px;
        padding: 25px 28px;
        margin-top: 18px;
    }

    .privacy-contact ul {
        margin-bottom: 0;
    }

    @media (max-width: 991px) {
        .privacy-dark-section {
            padding: 70px 20px;
        }

        .privacy-content {
            padding: 35px;
        }

        .privacy-header h1 {
            font-size: 36px;
        }
    }

    @media (max-width: 767px) {
        .privacy-dark-section {
            padding: 55px 15px;
        }

        .privacy-header {
            margin-bottom: 30px;
        }

        .privacy-header h1 {
            font-size: 30px;
        }

        .privacy-header p {
            font-size: 14px;
            line-height: 1.7;
        }

        .privacy-content {
            padding: 25px 20px;
            border-radius: 14px;
        }

        .privacy-item {
            padding-bottom: 25px;
            margin-bottom: 25px;
        }

        .privacy-item h2 {
            font-size: 18px;
        }

        .privacy-item p,
        .privacy-item ul li {
            font-size: 14px;
            line-height: 1.75;
        }

        .privacy-contact {
            padding: 20px;
        }
    }





.visa-upload-container{
    zoom: 0.8 !important;

}



 .visa-payment-container {
    zoom: 0.9 !important;
}







/* Main Section Dark/Vibrant Theme */
.sn-process-section {
    padding: 45px 0;
    background: #080808;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #ffffff;
}

.sn-process-wrapper {
    display: flex;
    align-items: center;
    gap: 60px;
}

.sn-process-left {
    flex: 0.8;
}

.sn-img-card {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(34, 197, 94, 0.2);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

.sn-img-card img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.sn-img-card:hover img {
    transform: scale(1.03);
}

.sn-process-right {
    flex: 1.2;
}

/* Typography & Title (Client Request Updated) */
.sn-subtitle {
    display: inline-block;
    color: #7ED321; /* Premium Green Accent */
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sn-section-title h2 {
    font-size: 38px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 14px;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.sn-section-title h2 strong {
    color: #7ED321; /* Green Highlight */
    font-weight: 700;
}

/* Client Requested Font/Subheading Line */
.sn-description {
    font-size: 16px;
    font-style: italic; /* Client's Requested Font Styling */
    color: #94a3b8;
    line-height: 1.6;
    margin-bottom: 35px;
}

/* Card List Layout */
.sn-process-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sn-process-card {
    display: flex;
    align-items: center;
    background: rgba(15, 23, 42, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 22px 26px;
    gap: 22px;
    position: relative;
    backdrop-filter: blur(12px);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover State - Smooth Green Elevation */
.sn-process-card:hover {
    transform: translateX(10px);
    border-color: rgba(34, 197, 94, 0.4);
    background: rgba(15, 23, 42, 0.95);
    box-shadow: 0 12px 30px -10px rgba(34, 197, 94, 0.25);
}

.sn-step-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7ED321;
    flex-shrink: 0;
    transition: all 0.35s ease;
}

.sn-step-icon svg {
    width: 24px;
    height: 24px;
}

.sn-process-card:hover .sn-step-icon {
    background: #7ED321;
    color: #000000;
    border-color: #7ED321;
    transform: scale(1.05);
}

.sn-step-number {
    font-size: 30px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.12);
    transition: color 0.35s ease;
}

.sn-process-card:hover .sn-step-number {
    color: #7ED321;
}

.sn-step-content {
    flex: 1;
}

.sn-step-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 6px 0;
}

.sn-step-content p {
    font-size: 14px;
    color: #94a3b8;
    margin: 0;
    line-height: 1.5;
}

.sn-step-arrow {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.25);
    transition: all 0.35s ease;
}

.sn-step-arrow svg {
    width: 22px;
    height: 22px;
}

.sn-process-card:hover .sn-step-arrow {
    color: #7ED321;
    transform: translateX(5px);
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .sn-process-wrapper {
        flex-direction: column;
    }
    .sn-process-card {
        flex-wrap: wrap;
    }
}


.sn-section-title-1 {
    text-align: center;
    max-width: 650px;
    margin: 0 auto 40px auto;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Subtitle Tag */
.sn-section-title-1 .sn-subtitle {
    display: inline-block;
    color: #7ED321; /* Premium Green Theme */
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Main Title */
.sn-section-title-1 h2 {
    font-size: 38px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 14px;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.sn-section-title-1 h2 strong {
    color: #7ED321;
    font-weight: 700;
}

/* Client Requested Font Fix for Paragraph */
.sn-section-title-1 .sn-description {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15.5px;
    font-weight: 400;
    font-style: normal; /* Extended stretched font replaced with clean modern look */
    color: #94a3b8;
    line-height: 1.6;
    margin: 0;
    letter-spacing: -0.1px;
}

/* Responsive Fix */
@media (max-width: 768px) {
    .sn-section-title-1 h2 {
        font-size: 28px;
    }
    .sn-section-title-1 .sn-description {
        font-size: 14px;
    }
}


/* Container Section */
.visa-category-section {
    background-color: #0b111e;
    padding: 24px;
    border-radius: 12px;
    color: #ffffff;
}

/* Heading Styling */
.visa-category-heading h3 {
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 6px 0;
    color: #ffffff;
}

.visa-category-heading p {
    font-size: 22px;
    color: #94a3b8;
    margin: 0 0 20px 0;
}

/* Grid Layout (2 Columns like UI) */
.visa-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

@media (max-width: 768px) {
    .visa-category-grid {
        grid-template-columns: 1fr;
    }
}

/* Label & Input setup */
.visa-category-option {
    position: relative;
    cursor: pointer;
    display: block;
}

/* Hidden original radio button */
.visa-category-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Card Styling */
.visa-category-card {
    background-color: #111827;
    border: 1px solid #1f2937;
    border-radius: 10px;
    padding: 16px 20px;
    transition: all 0.25s ease;
}

.visa-category-card h5 {
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: 600;
    color: #8ccf00;
}

.visa-category-card p {
    margin: 4px 0;
    font-size: 16px;
    color: #9ca3af;
}

.visa-category-card p strong {
    color: #d1d5db;
}

/* Hover Effect */
.visa-category-option:hover .visa-category-card {
    border-color: #374151;
    background-color: #162032;
}

/* Selected Active State (Green Border like UI) */
.visa-category-option input[type="radio"]:checked + .visa-category-card {
    border-color: #8ccf00;
    background-color: #0d1f18;
    box-shadow: 0 0 0 1px #8ccf00;
}

/* Error Message Styling */
.category-error {
    color: #ef4444;
    font-size: 13px;
    margin-top: 10px;
}
/* Header Paragraph Styling */
.visa-header p {
    color: #94a3b8; /* Soft muted white/gray */
    font-size: 15px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 24px;
    line-height: 1.5;
}

/* Optional: Header H2 Styling (Matching UI) */
.visa-header h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.validation-error.show {
    display: block;
    color: red !important;
    font-size: 13px;
    margin-top: 8px;
}

/* Grid Layout */
.visa-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.visa-category-option {
    position: relative;
    cursor: pointer;
    display: block;
}

/* Hide original radio */
.visa-category-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Base Card Styling */
.visa-category-card {
    position: relative;
    background: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 12px;
    padding: 18px 20px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Header & Icon */
.card-header-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    padding-right: 24px;
}

.category-icon-wrapper {
    width: 36px;
    height: 36px;
    background: rgba(34, 197, 94, 0.1);
    color: #8ccf00;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.card-header-title h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

/* Details List */
.card-details-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.detail-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #94a3b8;
}

.detail-item i {
    width: 14px;
    color: #64748b;
    font-size: 13px;
    text-align: center;
}

.detail-item strong {
    color: #cbd5e1;
    margin-right: 4px;
}

/* Checkmark Badge Top-Right */
.card-select-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #334155;
    font-size: 18px;
    transition: all 0.2s ease;
}

/* Hover State */
.visa-category-option:hover .visa-category-card {
    border-color: #334155;
    background: #141f36;
    transform: translateY(-2px);
}

/* Active / Checked State (Green Highlight) */
.visa-category-option input[type="radio"]:checked + .visa-category-card {
    border-color: #8ccf00;
    background: #091e15;
    box-shadow: 0 0 15px rgba(34, 197, 94, 0.15);
}

.visa-category-option input[type="radio"]:checked + .visa-category-card .card-select-badge {
    color: #8ccf00;
}

.visa-category-option input[type="radio"]:checked + .visa-category-card .detail-item i {
    color: #8ccf00;
}



    .date-field {
    position: relative;
    width: 100%;
}

.date-field #customDate {
    width: 100%;
    cursor: pointer;
    padding-right: 50px;
}

.date-icon {
    position: absolute;
    right: 15px;
    top: 30%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    cursor: pointer;
    z-index: 2;
}

.date-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#hiddenDate {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}